广州web前端是如何设置视口？_广州哪里有学web前端的课程？

        在传统的PC端网页开发中，并没有使用过meta标签来设置视口，此时浏览器会按照默认的布局视口宽度来显示网页。如果我们希望自己开发的网页在浏览器中以理想视口的形式呈现，就需要利用meta标签设置视口。

在meta标签中，将name属性设为viewport，即可设置视口，示例代码如下。

在上述代码中，设置content="width=device-width"表示通知浏览器，布局视口的宽度应该与设备的宽度一致。也就是说，设备有多宽，布局视口就有多宽。

为了使读者更好地理解，接下来通过案例进行演示。

    (1)打开C:\web\chapter02目录，将之前编写的demo01.html文件复制为demo02.html。然后在demo02.html页面中添加meta标签，具体代码如下。