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

发布于 2024-12-04 04:33:34 字数 328 浏览 1 评论 0原文

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

我有一个页面,其中有一个固定宽度为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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

瑶笙 2024-12-11 04:33:34

当存在比设备宽度更宽的内容时,视口不会覆盖固定宽度。

例子。
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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文