您可以使用视口元标记在移动设备上正确显示网页。
如果没有视口元标记，则移动浏览器将以典型的桌面屏幕宽度呈现网页，然后将其缩小以适合移动屏幕。结果，需要捏合缩放以在移动设备中正确地查看网页，这非常不方便。
以下演示显示了两个网页-一个带有视口元标记的网页，另一个没有视口元标记集的网页。在移动设备上打开这些链接以查看其工作方式。
带有视口元标记的网页
带有视口元标记
没有视口元标记的网页
没有视口元标记
通过视口元标记，您可以设置最佳视口大小和缩放限制，以在移动设备上查看网页。典型的视口元标记定义将如下所示：
例试试这个代码»
<head>
<title>Configuring the Viewport</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
的width=device-width内部键-值对content属性设置视口一样的设备的屏幕宽度的宽度，而initial-scale=1将初始比例或缩放水平为100％时的页面首先被加载到浏览器。
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h60884.shtml
