从iOS上的Safari开始(或者当时我们应该称之为iOS)，移动浏览器视口已经是“虚拟的”。尽管视口在接口中可能仅占用(例如)320个物理像素的空间，但是浏览器创建了更大的“虚拟”视口(默认情况下，在iOS上为980像素宽，我认为)并且在其中呈现内容，然后放大虚拟视口，直到它适合设备屏幕上可用的实际物理像素。

视口元标记允许您告诉移动浏览器此虚拟视口应该是什么大小。如果您实际上并未更改移动设备的网站设计，并且通过更大或更小的虚拟视口呈现更好的效果，这通常很有用。 (我相信选择了980像素作为默认值，因为它在2007年很好地渲染了许多高调的网站;对于任何给定的网站，不同的值可能更好)

就个人而言，我总是使用< Meta name =“viewport”content =“width = device-width，initial-scale = 1”>以便虚拟视口匹配设备尺寸。 (注意initial-scale=1 seems to be necessary to make the virtual viewport adapt to landscape mode on iOS.)这使得移动浏览器的行为像桌面浏览器总是有，这是我习惯。

没有视口元标记，您的网站将被渲染到设备的默认虚拟视口。我不认为这是一个问题，特别是如果你的单位是ems或百分比，你说。但是如果你需要在任何点上想像素，可能会有点混乱，特别是因为不同的浏览器可能有不同大小的默认虚拟视口。如果他们不理解这种方法，它也可能使后续维护者感到困惑。

我想象你设置你的基本字体大小相当大，使它的清晰？您能否链接到您创建的其中一个网站，我们可以看到一个例子？