gpt4 book ai didi

html - 为什么 Android 和 iOS 浏览器默认呈现的网站宽度大于设备屏幕宽度?

转载 作者:太空宇宙 更新时间:2023-11-04 14:48:22 25 4
gpt4 key购买 nike

我在我的站点中使用了以下代码来防止 Android 浏览器将其渲染得比屏幕分辨率宽。这是我在这个网站上找到的代码,但在准备提出这个问题时,我无法再次找到原始问题以供引用。

<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" />

首先,此代码有效。浏览器最初将页面渲染为屏幕分辨率的三倍宽,而 Opera Mini 也是如此。将这两行插入我的 <head> 后,问题消失了,页面呈现了它应有的样子。我从提供此代码的答案中记得,这种异常宽度是由 WebKit 渲染引擎造成的,该引擎支持 Android 和 iOS 浏览器等。

问题:有谁知道为什么 WebKit 会覆盖屏幕分辨率并以大于屏幕可容纳的分辨率呈现页面?

最佳答案

这与手机的默认视口(viewport)设置有关。这本身并不是 WebKit 所做的,而是浏览器在设备上的实现。以下是一些默认布局宽度:Safari iPhone 使用 980px、Opera 850px、Android WebKit 800px 和 IE 974px。

您可以查看这些以获取更多信息:http://www.quirksmode.org/mobile/viewports.html & http://www.quirksmode.org/mobile/viewports2.html

关于html - 为什么 Android 和 iOS 浏览器默认呈现的网站宽度大于设备屏幕宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4196146/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com