메뉴 건너뛰기

조회 수 7928 추천 수 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 태그는 디바이스별 가로 길이를 맞춰줍니다.


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

© k2s0o1d4e0s2i1g5n. All Rights Reserved