사용자 도구

사이트 도구


html:mobile

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
html:mobile [2011/10/07 16:24]
kwon37xi
html:mobile [2012/01/26 20:00] (현재)
kwon37xi
줄 6: 줄 6:
     * [[http://dev.paran.com/2011/10/06/ress-responsive-design-server-side-components/|RESS: Responsive Design + Server Side Components]]     * [[http://dev.paran.com/2011/10/06/ress-responsive-design-server-side-components/|RESS: Responsive Design + Server Side Components]]
     * [[http://dev.paran.com/2011/10/07/ress-responsive-design-server-side-components-2/|RESS: Responsive Design + Server Side Components – #2]]     * [[http://dev.paran.com/2011/10/07/ress-responsive-design-server-side-components-2/|RESS: Responsive Design + Server Side Components – #2]]
 +  * 모바일 Icon 기기 pixel ratio에 따라 적당한 크기의 이미지 보여주기 
 +    * [[http://miniapps.co.uk/blog/post/targeting-iphone-4-using-css-media-queries/|Targeting iPhone 4 using CSS Media Queries]] 
 +    * [[http://blog.iwalt.com/2010/06/targeting-the-iphone-4-retina-display-with-css3-media-queries.html|Targeting the iPhone 4 Retina Display with CSS3 Media Queries - iWalt.com]] 
 +    * 예시 싸이트 : http://m.iwalt.com 
 +  * 주소표시줄 숨기기 : http://davidwalsh.name/hide-address-bar 
 +    * <code javascript> 
 +// When ready... 
 +window.addEventListener("load",function() { 
 +  // Set a timeout... 
 +  setTimeout(function(){ 
 +    // Hide the address bar! 
 +    window.scrollTo(0, 1); 
 +  }, 0); 
 +}); 
 +</code> 
 +  * [[http://developer.apple.com/library/safari/#codinghowtos/Mobile/UserExperience/_index.html|User Experience Coding How-To's for Safari on iPhone]]
html/mobile.1317972296.txt.gz · 마지막으로 수정됨: 2011/10/07 16:24 저자 kwon37xi