메뉴 건너뛰기

조회 수 8072 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

브라우저 사이즈에 맞게 이미지를 자동으로 조절하는 소스 입니다.

간단하게 작성한 내용입니다


<meta http-equiv="Content-Type" content="text/html; utf-8">
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi" >
        <title>노넨 레나</title>
        <style type="text/css">
            .viewer { width:100%;}
            .viewer img { max-width:100%; }
        </style>
    </head>
    <body>
         
        <div class="viewer">
            <img src="./no.jpg" />
        </div>
         
    </body>
</html>

아래 첨부 파일을 참고하세요. ^^

테스트는 http://troy.labs.daum.net/ 여기서 가능 합니다.



<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=yes, target-densitydpi=medium-dpi" >

상단의 meta 태그는 디바이스별 가로 길이를 맞춰줍니다.


  1. 접근성 윈도우 팝업 띄우기

    Date2016.12.22 Views7250
    Read More
  2. javascript 화면 캡쳐

    Date2016.11.17 Views9922
    Read More
  3. input type file multiple list (파일 업로드 리스트 확인)

    Date2016.11.17 Views12562
    Read More
  4. JavaScript 에서 JSON 생성

    Date2016.11.17 Views10412
    Read More
  5. 브라우저별 이미지 크기 변경

    Date2016.11.17 Views8072
    Read More
  6. 간단한 동적 SELECT 박스 구현하기

    Date2016.10.06 Views12997
    Read More
  7. 엔코딩/디코딩 함수

    Date2016.09.21 Views6140
    Read More
  8. 쿠키(Cookie)에 값 저장하기

    Date2016.09.21 Views7031
    Read More
  9. 현재시간 기준 날짜 계산

    Date2016.09.21 Views6399
    Read More
  10. 함수의 arguments 를 이름(key)으로 접근하기

    Date2016.09.21 Views6058
    Read More
  11. arguments object

    Date2016.09.21 Views5743
    Read More
  12. 연관배열 사용하기

    Date2016.09.21 Views7235
    Read More
  13. javascript 에서 제공하는 3가지 종류의 팝업박스

    Date2016.09.21 Views5758
    Read More
  14. onkeypress 키보드 이벤트 처리하는 법 – text, textarea

    Date2016.09.21 Views7107
    Read More
  15. 스타일로 제목 자르기

    Date2016.09.12 Views5923
    Read More
  16. 구구단 반복문,조건문 변경해서 만들기

    Date2016.09.11 Views6203
    Read More
  17. jquery 기본 엘리먼트 속성제어방법

    Date2016.09.11 Views5659
    Read More
  18. input radio 체크유무 검사

    Date2016.09.11 Views5707
    Read More
  19. htaccess 자동으로 만들어주는 사이트

    Date2016.09.11 Views5505
    Read More
  20. 부드럽게 페이지 이동하기

    Date2016.09.11 Views6075
    Read More
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved