响应式设计是否必须使用元标记视口？
<meta name="viewport" content="width=device-width,initial-scale=1">
我几乎没有做过测试，它在桌面浏览器上运行良好，它可以适当地适应窗口的大小，即使我使用视口作为宽度或高度来定义页眉和页脚。
那么元标记是只对移动设备有用还是必须的？ 视口是否使用移动设备的默认宽度或高度？
【问题讨论】：
标签： html css mobile responsive-design
当元标记未定义时定义了一个虚拟视口默认值。具有这些默认值的非移动优化网站通常在窄屏设备上看起来更好。
在 Safari iOS 上，默认宽度为 980 像素，其他浏览器的宽度大小相同或稍小。
窄屏设备（例如移动设备）在通常比屏幕宽的虚拟窗口或视口中渲染页面，然后将渲染结果缩小，以便一次全部看到。然后，用户可以平移和缩放以查看页面的不同区域。
例如，如果移动屏幕的宽度为 640px，则页面可能会以 980px 的虚拟视口呈现，然后会缩小以适应 640px 的空间。 p>
Explanation and default values for width and height with viewport on mobiles
Apple 作为视口的发明者表示，默认视口设置为： 默认宽度为 980 像素。但是，这些默认设置可能不适用于您的网页，尤其是在您为特定设备定制网站时。
【讨论】：
(“width=600”)。在这里，它被设置为一个特殊的值(“width= device-width”)，它是设备的宽度，以 CSS 像素为单位，比例为 100%。 initial-scale 属性控制第一次加载页面时的缩放级别。
注意：HTML文档的head标签中需要添加meta标签。
响应式标签具有以下属性：
width：设备虚拟视口的宽度。
height：设备虚拟视口的高度。
initial- scale： 首次访问页面时的缩放级别。
minimum-scale： 用户可以将页面缩放到的最小缩放级别。
maximum-scale ： 用户可以将页面缩放到的最大缩放级别。
用户可缩放： 允许设备放大或缩小的标志。（值 = 是/否）。
参考：https://www.geeksforgeeks.org/html-viewport-meta-tag-for-responsive-web-design/
【讨论】：