웹 브라우즈 가로 세로 크기 실시간 표시
며칠전에 '웹 브라우즈와 모니터 스크린 가로 세로 크기 표시'
라는 걸 올린 적이 있는데, 이거 보다 더 간단하고 더 진전된 코드를 찾아서 올립니다.
브라우즈 크기의 실시간 변화를 표시해주는 코드입니다.
[code]
<!--// Real time window size ---->
<div id="winSize"></div>
<script>
var WindowsSize=function(){
var w=$(window).width(),
h=$(window).height();
$("#winSize").html("Your window size is "+w+"*"+h+" px");
};
$(document).ready(WindowsSize);
$(window).resize(WindowsSize);
</script>
[/code]
댓글 9개
6년 전
초보자입니다.
어디에 올려야 하나요
어디에 올려야 하나요
Broadport
6년 전
저도 생초봅니다만,
이건 아무래도 홈페이지가 디스플레이되는 것을 봐가면서
다지인과 스타일을 손보려는 목적으로 웹 크기를 확인하려는 것이니까,
아무래도 header나 tail, 또는 index의 적당한 곳에 넣어서 작업하는게 좋겠지요.
이 세 가지 파일 가운데 어느 곳이건 적당한 곳에 넣어서 디스플레이를 살펴보시면,
적합한 곳이 저절로 나올겁니다.
저의 경우에는 head 맨위왼쪽과 tail의 맨밑오른쪽에 넣어봤습니다.
[http://sir.kr/data/editor/1908/7576fd2562b2cebc0af203f93150ce91_1565421761_401.png]
이건 아무래도 홈페이지가 디스플레이되는 것을 봐가면서
다지인과 스타일을 손보려는 목적으로 웹 크기를 확인하려는 것이니까,
아무래도 header나 tail, 또는 index의 적당한 곳에 넣어서 작업하는게 좋겠지요.
이 세 가지 파일 가운데 어느 곳이건 적당한 곳에 넣어서 디스플레이를 살펴보시면,
적합한 곳이 저절로 나올겁니다.
저의 경우에는 head 맨위왼쪽과 tail의 맨밑오른쪽에 넣어봤습니다.
[http://sir.kr/data/editor/1908/7576fd2562b2cebc0af203f93150ce91_1565421761_401.png]
Broadport
6년 전
[http://sir.kr/data/editor/1908/7576fd2562b2cebc0af203f93150ce91_1565421811_8737.png]
6년 전
감사합니다
DawnDew
6년 전
감사합니다
6년 전
잘쓰겠습니다
gtk1229
6년 전
잘쓰겠습니다.
6년 전
예스 한번 시도해봅니다.
6년 전
감사합니다~
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4442 | ||
| 2634 | 6개월 전 | 615 | ||
| 2633 | 6개월 전 | 607 | ||
| 2632 |
 bank365 |
7개월 전 | 513 | |
| 2631 | 7개월 전 | 574 | ||
| 2630 |
세르반데스
|
7개월 전 | 542 | |
| 2629 | 7개월 전 | 735 | ||
| 2628 | 7개월 전 | 416 | ||
| 2627 | 7개월 전 | 424 | ||
| 2626 |
이슈DEV
|
7개월 전 | 644 | |
| 2625 |
welcome
|
7개월 전 | 651 | |
| 2624 |
이슈DEV
|
7개월 전 | 451 | |
| 2623 | 7개월 전 | 413 | ||
| 2622 | 7개월 전 | 498 | ||
| 2621 | 7개월 전 | 358 | ||
| 2620 |
 cdisk1 |
7개월 전 | 376 | |
| 2619 | 8개월 전 | 483 | ||
| 2618 | 8개월 전 | 469 | ||
| 2617 | 8개월 전 | 557 | ||
| 2616 | 8개월 전 | 681 | ||
| 2615 | 8개월 전 | 587 | ||
| 2614 | 8개월 전 | 416 | ||
| 2613 |
바닐라코드
|
8개월 전 | 734 | |
| 2612 | 8개월 전 | 599 | ||
| 2611 | 8개월 전 | 736 | ||
| 2610 | 8개월 전 | 975 | ||
| 2609 | 8개월 전 | 512 | ||
| 2608 | 8개월 전 | 656 | ||
| 2607 | 8개월 전 | 634 | ||
| 2606 | 8개월 전 | 580 | ||
| 2605 | 8개월 전 | 608 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기