Html 未声明meta标记时移动设备上的默认virtualport大小?

Html 未声明meta标记时移动设备上的默认virtualport大小?,html,css,mobile,responsive-design,Html,Css,Mobile,Responsive Design,元标记视口的使用对响应性设计是强制性的吗 <meta name="viewport" content="width=device-width,initial-scale=1"> 我做了一些没有测试的测试,它在桌面浏览器上运行得很好,并且它能够很好地适应窗口的大小,即使我使用视口作为宽度或高度来定义页眉和页脚 那么,元标记是否只对移动设备有用,或者是必要的? viewport是否为移动设备使用默认宽度或高度?这是各种移动优化网站中常用的viewport设置width属性控制视口的

元标记视口的使用对响应性设计是强制性的吗

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

我做了一些没有测试的测试,它在桌面浏览器上运行得很好,并且它能够很好地适应窗口的大小,即使我使用视口作为宽度或高度来定义页眉和页脚

那么,元标记是否只对移动设备有用,或者是必要的? viewport是否为移动设备使用默认宽度或高度?

这是各种移动优化网站中常用的viewport设置
width属性控制视口的大小。可以将其设置为CSS像素方面的特定值(“宽度=600”)。在这里,它被设置为一个特殊值
(“宽度=设备宽度”)
,它是设备的宽度,以CSS像素为单位,比例为100%。首次加载页面时,“初始比例”属性控制缩放级别

注意:meta标记应该添加到HTML文档的head标记中

响应标签具有以下属性:

宽度:设备虚拟视口的宽度。
高度:设备虚拟视口的高度。
初始比例:第一次访问页面时的缩放级别。
最小缩放比例:用户可以缩放页面的最小缩放级别。
最大缩放比例:用户可以缩放页面的最大缩放级别。
用户可伸缩性:允许设备放大或缩小的标志。(值=是/否)

Ref:

这是各种移动优化网站中常用的视口设置
width属性控制视口的大小。可以将其设置为CSS像素方面的特定值(“宽度=600”)。在这里,它被设置为一个特殊值
(“宽度=设备宽度”)
,它是设备的宽度,以CSS像素为单位,比例为100%。首次加载页面时,“初始比例”属性控制缩放级别

注意:meta标记应该添加到HTML文档的head标记中

响应标签具有以下属性:

宽度:设备虚拟视口的宽度。
高度:设备虚拟视口的高度。
初始比例:第一次访问页面时的缩放级别。
最小缩放比例:用户可以缩放页面的最小缩放级别。
最大缩放比例:用户可以缩放页面的最大缩放级别。
用户可伸缩性:允许设备放大或缩小的标志。(值=是/否)

Ref:

未定义元标记时,会定义虚拟视口默认值。使用这些默认值的非移动优化站点通常在窄屏幕设备上看起来更好

在Safari iOS上,默认宽度为980像素,其他浏览器的宽度大小相同或稍小

窄屏幕设备(如手机)在虚拟窗口或视口(通常比屏幕宽)中渲染页面,然后缩小渲染结果,以便一次可以看到所有页面。然后,用户可以平移和缩放以查看页面的不同区域

例如,如果移动屏幕的宽度为640px,则可能会使用980px的虚拟视口渲染页面,然后将其缩小以适合640px空间

viewport的发明者Apple表示默认视口设置为: 默认宽度为980像素。但是,这些默认设置可能不适用于您的网页,特别是当您为特定设备定制网站时

未定义元标记时,会定义虚拟视口默认值。使用这些默认值的非移动优化站点通常在窄屏幕设备上看起来更好

在Safari iOS上,默认宽度为980像素,其他浏览器的宽度大小相同或稍小

窄屏幕设备(如手机)在虚拟窗口或视口(通常比屏幕宽)中渲染页面,然后缩小渲染结果,以便一次可以看到所有页面。然后,用户可以平移和缩放以查看页面的不同区域

例如,如果移动屏幕的宽度为640px,则可能会使用980px的虚拟视口渲染页面,然后将其缩小以适合640px空间

viewport的发明者Apple表示默认视口设置为: 默认宽度为980像素。但是,这些默认设置可能不适用于您的网页,特别是当您为特定设备定制网站时

可能重复的可能重复的