元视口是否覆盖固定元素宽度答案

【问题标题】：Does meta viewport override fixed element width元视口是否覆盖固定元素宽度
【发布时间】：2011-09-10 09:33:55
【问题描述】：

我有一个与视口相关的简单问题..

我有一个页面，其中有一个固定宽度为 1200 像素的 div。现在我将元视口设置为设备宽度

所以我的问题是现在页面将如何呈现？是否会遵守 1200px 的固定宽度并忽略视口或设备宽度会覆盖页面上的任何固定宽度吗？

这种呈现行为在所有移动浏览器中是否都相同？

【问题讨论】：

我相信 meta viewport 会占据首要地位，我想是时候退出 eclipse，打开你的 android sdk 并试一试！
如果你在 iPad ipad.atwebpages.com/vp2.html 上看到这个页面，我问了这个问题。它有一个 1200px 的固定宽度 div，我在 iPad 上使用元视口作为设备宽度..768px..所以理想情况下它应该显示 768px 内容和滚动条以供休息..但事实并非如此？
当您设置视口时，它倾向于将屏幕锁定到最大尺寸，因此超出该尺寸的任何内容都不会显示。
但是视口意味着您的页面将呈现为 100% 宽度 = 该视口值...所以我不明白我在上面发布的链接上发生了什么..
你在stackoverflow.com/questions/7344886987654323@第一次问这个问题时我已经为你回答了

【解决方案1】：

当有比设备宽度更宽的东西时，视口不会覆盖固定宽度。

例子。 css 固定宽度为 900px；该页面中有一个宽度为 900 像素的图像。视口只会将单词包装到设备宽度，但不会调整布局宽度。 如果您删除该图像，视口可能会覆盖固定宽度。

【讨论】：