如何解决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 /检测并设置iPhone--iPads-Viewport-Orientation-使用JavaScript-CSS-and-Meta-Tags.htm,http://thomasmaier.me/blog/2010/03/04 / howto-css-for-ipad /
, 您是否尝试过将“ 0”元标记用于移动浏览器?
, 您可以简单地将其添加到页面模板html中:
<meta name = \"viewport\" content = \"width = device-width\">
在Safari开发人员库中查看更多详细信息
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。