나는 웹 사이트의 모바일 최적화 버전을 구축하고 다양한 모바일 장치를 테스트하고 있지만이 페이지가 ipad의 가로 너비를지나 확장되지 않도록하는 방법을 알아낼 수 없습니다. 내가 구축하고있는 페이지입니다Ipad의 가로 폭 문제
http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1656/Mobile_web/home.html
. 명확하게하기 위해, Ipad에서 세로보기가 잘 맞습니다. 그러나 가로보기에서는 너비를지나 확장되며 전체 페이지를 보려면 사용자가 꼬집어 야합니다. 내가 생각하는 100 % 너비 컨테이너를 사용하고 있는데 문제가 있다고 생각하지만 세로보기의 너비에 영향을주지 않고 가로보기를 더 작게 만들려면 어떻게해야합니까?
미리 도움을 청하십시오 !!
@SERIK; 먼저 meta tag에 viewport을 입력하십시오. 이 같은 . 자세한 내용은
<meta name="viewport" content="user-scalable=no, width=device-width" />
는 반드시 본이 링크의 http://matthewjamestaylor.com/blog/ipad-layout-with-landscape-portrait-modes, http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags.htm, http://thomasmaier.me/blog/2010/03/04/howto-css-for-the-ipad/
모바일 사파리로 viewport 메타 태그를 사용해 보셨나요?
덕분에
확인 자세한 내용은 @sandeep. 완벽하게 작동합니다! – Serik