元视口是否覆盖固定元素宽度
我有一个与视口相关的简单问题..
我有一个页面,其中有一个固定宽度为1200px的div..现在我将元视口设置为设备宽度
所以我的问题是现在如何呈现页面? 是否会遵守 1200px 的固定宽度并忽略视口或 设备宽度会覆盖页面上的任何固定宽度吗?
此外,这种渲染行为在所有移动浏览器中都相同吗?
只是补充一下,我已经阅读了 http://www.quirksmode.org/ 上的好文章移动/viewports2.html
I have a simple question related to viewport..
I have a page which has a div with a fixed width of say 1200px..Now i set meta viewport to device-width
So my question is how will the page be rendered now?
Will the fixed width of 1200px be respected and viewport will be ignored OR
will the device width override any fixed width on the page?
Also will this rendering behavior be same across all mobile browsers?
Just to add, i have already gone through the nice article on http://www.quirksmode.org/mobile/viewports2.html
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
当存在比设备宽度更宽的内容时,视口不会覆盖固定宽度。
例子。
css 固定宽度为 900px;
该页面中有一个宽度为 900px 的图像。
视口只会将文字换行到设备宽度,但不会调整布局宽度。
如果删除该图像,视口可能会覆盖固定宽度。
viewport will NOT override fixed width when there is something wider than device's width.
example.
css fixed width to 900px;
there is an image width 900px in that page.
viewport will only wrap the words to device width but not resize layout width.
if you remove that image, the viewport may override fixed width.