Viewport标签优化网页在手机上的显示效果。

使用Viewport标签优化网页，在手机上能够自动调整网页的宽度和缩放比例，让网页适应手机屏幕的大小，保证内容的可阅读性。Viewport标签可以设置网页的宽度和缩放比例，还可以禁止用户缩放网页或隐藏滚动条。

以下是一些使用Viewport标签的示例：

– 设置网页宽度为设备宽度：`<meta name=”viewport” content=”width=device-width”>`
– 禁止缩放网页：`<meta name=”viewport” content=”user-scalable=no”>`
– 设置缩放比例：`<meta name=”viewport” content=”initial-scale=1.0″>`
– 隐藏滚动条：`<meta name=”viewport” content=”overflow:hidden;”>`

通过使用这些Viewport标签，可以使网页在手机上显示更加优化，适应不同屏幕尺寸的设备，提供更好的用户体验。