与html正文样式相适应的Viewport

Viewport是指网页的可视区域，即浏览器窗口中用于显示网页内容的部分。在移动设备上，由于屏幕尺寸的不同，需要对网页进行适配，以确保内容能够在不同设备上正常显示。

Viewport可以通过meta标签来进行设置，常见的设置方式如下：

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

其中，width=device-width表示将Viewport的宽度设置为设备的宽度，initial-scale=1.0表示初始缩放比例为1.0，即不进行缩放。

Viewport的设置对于移动设备上的网页显示非常重要，它可以使网页在不同设备上呈现出相同的视觉效果，并且能够适应不同的屏幕尺寸。通过合理设置Viewport，可以避免在移动设备上出现内容过大或过小、布局错乱等问题。

推荐的腾讯云相关产品：腾讯云移动浏览优化（Mobile Browser Optimization，MBO），该产品可以根据设备类型、屏幕尺寸等信息，自动优化网页的显示效果，提升用户体验。详情请参考腾讯云MBO产品介绍：https://cloud.tencent.com/product/mbo