Web 当使用手机浏览时，网站是如何自动缩小的？

在我的例子中，我做了div width

500px

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

---

神奇到底是如何实现的，它是特定于设备的吗？

浏览器可以随心所欲。由于手机的屏幕很小，该浏览器可能会缩小，以使页面看起来更美观。

浏览器可以随心所欲。由于手机的屏幕很小，该浏览器可能会缩小，以使页面更美观。

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

---

它是特定于浏览器的

它甚至在大多数移动浏览器（如Android、诺基亚S60、Opera Mini）中都是可配置的选项。我更喜欢将其关闭，以便页面以正常的100%缩放打开（如果它被关闭，我只需滚动）

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

---

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

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

---

它是特定于浏览器的

它甚至在大多数移动浏览器（如Android、诺基亚S60、Opera Mini）中都是可配置的选项。我更喜欢将其关闭，以便页面以正常的100%缩放打开（如果它被关闭，我只需滚动）

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

---

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

您可能希望在html页面的头部尝试以下操作：

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

有关更多信息，请参见此处：

---

您可能希望在html页面的标题中尝试以下内容：

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

有关更多信息，请参见此处：

---

我会想象这是特定于设备的，但如果我要这样做，我会将页面视为图像，并对其进行缩放，使其仅为常规宽度的一小部分，但比例相同。有人知道如果您尝试在手机上查看1280px的图像会怎么样吗？现在我自己无法测试，自从这个问题被提出以来，在>3年的时间里，这个领域发生了很多变化。响应式设计现在已经司空见惯，移动浏览器正在页面头部的“元视口”指令上进行标准化。我可以想象这是特定于设备的，但如果我要这样做，我会像对待图像一样对待页面，并对其进行缩放，使其仅为常规宽度的一小部分，但比例相同。有人知道如果你尝试在手机上查看1280px的图像会怎么样吗？现在我自己无法测试，自从这个问题被提出以来，在>3年的时间里，这个领域发生了很多变化。响应式设计现在已经司空见惯，移动浏览器正在按照页面头部的“元视口”指令进行标准化。你是说它是特定于浏览器的，没有标准吗？标准是使用500px，但此浏览器没有遵循。你是说它是特定于浏览器的，没有标准吗？标准是使用500px，但是这个浏览器没有跟进。