가로폭 사이즈 화면에 나타내는 PHP 소스

코딩 중 웹반응형 작업을 하다보면 현재 작업 중인 곳의 가로 폭 사이즈가 궁금할때가 있습니다. 화면 사이즈는 개발자도구를 이용하면 쉽게 되지만 어떤 소스를 넣어둔 곳의 가로폭 사이즈를 알고 싶을때 이용하면 좋을 소스 입니다. 많이 사용될것 같지는 않지만 필요할 경우를 대비해 기록형으로 남깁니다.

크롬 개발자 모드처럼 화면을 줄이면 가로폭 사이즈가 자동으로 변화면서 알려주진 않고 화면 변화 후 새로고침하면 가로폭 사이즈를 숫치로 보여주는 단순한 코드 입니다.

코드를 넣어도 자꾸 이상하게 나와서 이미지로 첨부 합니다. 필요하신 분은 몇줄 안되니 타이핑 하세요. 죄송합니다.

1 7


단축주소: https://zeze.kr/fzmU

Leave a Comment

함께보면 유용한 글


마우스오버 툴팁 나타내기 1가지 방법

텍스트나 이미지에 마우스를 가져다 가면 추가 설명처럼 툴팁 박스가 보이게 하는 소스(마우스오버 툴팁스) 입니다. 마우스오버 툴팁 나타내기 소스코드 인터넷에서 또는 챗GPT를 통해 필요한 소스를 기록형으로 남기고 있습니다. 다른 글은 여기서 확인 가능 합니다. Tooltips 관련 ... Read more

Cloudflare(클라우드플레어)에 도메인 추가하는 방법 1가지

클라우드플레어에 도메인 추가 하는 방법에 대해 알아보려 합니다. 왜 이 작업이 필요 했을까요? 저 같은 경우는 사이트에 이상한 접속이 보여서 추가하기 시작 했습니다. 서버 디비 로그에 1.5기가 쌓여서 쉐어호스팅 업체의 경고 메일을 받았었고, 최근에 추가 ... Read more

폼 제출 버튼 비밀번호 적용하기 1가지 방법

폼 제출 버튼 비밀번호 적용하는 1가지 방법을 자바스크립트로 구현했습니다. updated: 24시간 내 쿠키 적용해 비밀번호를 1번만 입력하면 됩니다. 필요한 경우 아래와 같이 입력 폼이 있을 때 관리자만 입력을 할 수 있게 하고 싶을 경우가 있습니다. ... Read more

국내 사이트를 위한 대표적인 검색로봇 종류와 robots.txt 작성법 1가지

글로벌 사이트가 아닌 이상 대상은 내국인을 상대로한 웹마케팅을 기획해야 합니다. 지난 주말 작성을 어떻게 하는게 좋은지에 대한 고민도 하고 검색도 해봤습니다. 내가 내린 나만의 결론을 이야기하려 구글 검색이나 구글 SEO에 관심이 있으신 분들에게 조금이라도 도움이 ... Read more