响应式设计是否必须使用元标记视口？
<meta name="viewport" content="width=device-width,initial-scale=1">
我没有做过很少的测试，它在台式机浏览器上工作得很好，它可以适应窗口的大小，即使我使用视口作为宽度或高度来定义页眉和页脚。
那么元标记只对移动设备有用还是必要的呢？视口是否使用移动设备的默认宽度或高度？
(“width=600”) in terms of CSS pixels. Here it is set to a special value(“width= device-width”) which is the width of the device in terms of CSS pixels at a scale of 100%. The initial-scale property governs the zoom level when the page is loaded for the first time.
注意：元标记应添加到HTML文档的head标记中。
响应式代码具有以下属性：
width：设备虚拟视口的宽度。 height：设备虚拟视口的高度。 initial-scale：首次访问页面时的缩放级别。 最小比例：用户可以缩放页面的最小缩放级别。 maximum-scale：用户可以缩放页面的最大缩放级别。 user-scalable：允许设备放大或缩小的标志。（value = yes / no）。
参考：https://www.geeksforgeeks.org/html-viewport-meta-tag-for-responsive-web-design/
未定义元标记时，会定义虚拟视口默认值。具有这些默认值的非移动优化网站在窄屏设备上通常看起来更好。
在Safari iOS上，默认宽度为980像素，其他浏览器宽度大小相同或略小。
窄屏幕设备（例如移动设备）在虚拟窗口或视口中渲染页面，该窗口或视口通常比屏幕宽，然后缩小渲染结果，以便可以立即看到它们。然后，用户可以平移和缩放以查看页面的不同区域。
例如，如果移动屏幕的宽度为640px，则可能使用980px的虚拟视口渲染页面，然后缩小页面以适应640px空间。
Explanation and default values for width and height with viewport on mobiles
作为viewport发明者的Apple称默认视口设置为：默认宽度为980像素。但是，这些默认设置可能不适用于您的网页，尤其是在为特定设备定制网站时。