移动电话浏览时网站如何自动缩小？

Question

在我的情况下，我创建了div宽度500px，

但在手机浏览时会自动缩小

魔术是如何完成的，它是特定于设备的吗？

Answer 1

你可能想在html页面的头部尝试这样的事情：

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

有关详细信息，请参阅此处： http://davidbcalhoun.com/2010/viewport-metatag

Answer 2

编辑：下面的答案不再反映当前的正常做法。现在有一个相当完善的标准称为元视口，它控制页面在移动设备上的缩放方式。如果没有这个，网站被视为“不适合移动设备”，移动浏览器会以典型的桌面宽度显示页面，缩小显示全宽。

---

这是浏览器特定的。

它甚至是大多数移动浏览器中的可配置选项（例如Android，Nokia S60，Opera Mini）。我更喜欢关闭它，以便以正常的100％缩放打开页面（如果它被切断，我只是滚动）。

有些人喜欢一次看到整个页面的宽度，即使文字太小而无法阅读，然后在此之后双击放大。

浏览器通常首先计算页面的总宽度。在此计算中，任何柔性宽度元素都被视为可以适合其所有子元素的最小宽度。如果这小于或等于浏览器窗口的宽度，则不进行缩放，但如果它更大，则浏览器将其设置为虚拟页面宽度，如果用户已启用此选项，则将所有内容缩小（如缩小在现代桌面浏览器中），以便页面的最小宽度占据浏览器窗口的宽度。

Answer 3

浏览器会做任何想做的事情。由于手机屏幕很小，这款浏览器可能会缩小显示页面的效果。