본문 바로가기

WEB

모바일 뷰포트 , mobile viewport



facebook
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />  

잡코리아
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />

네이버
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
다음
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
네이트
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />  
지에스 샵
<meta name="viewport" content="user-scalable=yes, initial-scale=1.0, maximum-scale=1.5, minimum-scale=1.0, width=device-width" />

삼성
<meta name="viewport" content="user-scalable=yes, initial-scale=0.67, maximum-scale=0.67, minimum-scale=0.67, width=device-width" />
 
스크롤 탑 
$(document).ready(function(){
gnbStyle(location.pathname);
setTimeout(function(){window.scrollTo(0, 1);}, 1000);
setOrientation();
if ("onorientationchange" in window) {
window.onorientationchange = setOrientation;
} else {
window.onresize = setOrientation;
}
});

<script>
function goTop() { try { setTimeout(scrollTo, 0, 0, 1); } catch (err) { // }}goTop();
</script> 


참조 사이트

NULI / CSS3 media query에 대하여

http://webdesignerwall.com/tutorials/css3-media-queries 

 
반응형

'WEB' 카테고리의 다른 글

CSS Formatter and Optimiser / css 를 보기 편하게  (0) 2011.11.23
특수기호 표  (0) 2011.11.04
GuideGuide  (0) 2011.10.13