如何在手机浏览时自动缩小网站？

在我来说，我所做的DIV宽度500px，如何在手机浏览时自动缩小网站？

但在mobilephone

浏览怎么样的魔力究竟完成时，它会自动缩小，是设备特定的？

来源

2010-08-11 Alan

我会想象这是设备特定的，但如果我是要做到这一点，我会像图片一样对待页面，并将其缩放，以使其仅为常规宽度的一小部分，但按比例相同。 – 2010-08-11 22:31:17

任何人都知道如果您尝试在手机上查看1280像素图像？目前无法自己测试 – Alan 2010-08-11 22:39:14

**自问题提出**以来，在3年以上的时间里，该地区已发生很多变化。响应式设计现在非常普遍，移动浏览器正在页面头部的“元视口”指令中进行标准化。 – thomasrutter 2013-12-13 00:16:00

浏览器做任何想做的事。由于手机有一个小屏幕，可能这个浏览器缩小到看起来更愉快的页面。

来源

2010-08-11 22:32:59

你的意思是它是浏览器的具体，并没有标准？ – Alan 2010-08-11 22:40:40

标准是使用500px，但这个浏览器没有遵循。 – 2010-08-11 22:44:30

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

它是浏览器特定的。

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

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

浏览器通常首先计算页面的总宽度。在这个计算中，任何可变宽度的元素都是可以适合所有孩子的最小宽度。如果这小于或等于浏览器窗口的宽度，则不进行缩放，但是如果它更大，则浏览器将其设置为虚拟页面宽度，并且如果用户打开了该选项，则缩小一切（例如缩小在现代桌面浏览器中），以便页面的最小宽度占用浏览器窗口的宽度。

来源

2010-08-11 23:02:24 thomasrutter

你可能想尝试在HTML页面的头部是这样的：

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

欲了解更多信息请看这里： http://davidbcalhoun.com/2010/viewport-metatag

来源

2011-03-15 09:56:22 Craig

如何在手机浏览时自动缩小网站？

回答

相关问题