我有一个 div宽度设置为 800px。当我在我的笔记本电脑上查看它时，它按预期显示。但是当我在手机上访问网页时，(或者只是使用 iPhone 6 View 使用 chrome 开发人员工具)我希望 div 超出屏幕的宽度，因为 iPhone 6 宽度只有 375 点(CSS 像素)。
现在我知道在包含 <meta name="viewport" content="width=device-width,initial-scale=1"> 之后它会按预期工作。确实如此。但我很想知道当元标记不存在时，移动浏览器在默认情况下会做什么。它似乎“看到”屏幕的宽度约为。 980px(即使不是)并相应地缩放所有内容。所以为了填满手机的整个宽度，我会使用 width: 980px .但这个数字从何而来？不太明白。
最佳答案
在元视口(viewport)功能和“响应式设计”出现之前，您一定错过了互联网的早期。为了让网站适合您的屏幕，浏览器会尝试缩小并让您鸟瞰网站 - 有点像站在离桌面屏幕 10 英尺远的地方。
然后您可以放大和缩小以与网站的不同部分进行交互。不同的浏览器/设备以不同方式实现这种缩放。有些人试图找到您网站的最宽部分并缩小到足以包含它，其他人可能只是假设您的网站适合特定宽度并缩小以适合。
过去，980 是网站事实上的标准宽度，因为它肯定适合大多数人的桌面显示器。因此，您的设备假设“这显然不是一个响应式网站，这意味着它可能是 10 年前 build 的，假装屏幕是 980 像素宽”，这是理所当然的。
关于html - 解释不包含元视口(viewport)标签时移动浏览器的行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43663897/