HTML 5-超过 1024 宽度的网页怎样在 ipad 上刚好满屏?
我自己写个1200宽度的div,在 ipad(竖着) 上是需要向左拖动一点才能看见右边的。
但是如京东也是1200多的宽度,却刚好两端卡齐 ipad。
我试过了,不是 meta(viewport)标签的作用。
是如何实现的呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
viewport 有很多种写法,常见的比如 <meta name="viewport" content="width=device-width",这个时候,iPad 是按照 768 作为视口区宽度的,你有 1200 宽的 DIV 当然就会出现滚动了啊。我的问题是如果是为 iPad 设计的页面,为什么会有 1200 宽的 DIV 呢?
在 iPad 上实际测试 jd.com,它确实没有使用 viewport,当你不指定 viewport 的时候,移动设备都是按照 980 作为 viewport 的。jd.com 页面处理了这种情况了。它上面确实有超过 980 宽的元素,有一种是 990 的,但是 margin-right 为 -10,算过来还是 980。有几个广告是非常宽的,但是这些元素的容器已经处理了 overflow 了。如果你有 Mac 电脑,就可以连接上 iPad 调试页面,很方便的。这个截图是在 Safari 里面分析 jd.com 页面的:
为何无法上传图片?管理员同学在不?