Html 当我在元标记内容中定义时,媒体查询是如何工作的;最大宽度=1200px&引用;

Html 当我在元标记内容中定义时,媒体查询是如何工作的;最大宽度=1200px&引用;,html,css,media-queries,Html,Css,Media Queries,当我在meta-tag content=“width=1200px;”中定义媒体查询时,媒体查询的工作方式如下 @media (max-width:480px){} @media (max-width: 600px) {} 其他媒体查询。content=“width=1200px”表示您的版面至少需要1200像素的宽度 对于设置初始比例或最大比例的页面,这意味着“宽度”属性实际上转换为最小视口宽度 例如,如果布局需要至少500像素的宽度,则可以使用以下标记。当屏幕宽度超过500像素时,浏览器将

当我在meta-tag content=“width=1200px;”中定义媒体查询时,媒体查询的工作方式如下

@media (max-width:480px){}
@media (max-width: 600px) {}
其他媒体查询。

content=“width=1200px”表示您的版面至少需要1200像素的宽度

对于设置初始比例或最大比例的页面,这意味着“宽度”属性实际上转换为最小视口宽度

例如,如果布局需要至少500像素的宽度,则可以使用以下标记。当屏幕宽度超过500像素时,浏览器将展开视口(而不是放大)以适应屏幕:

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


网上有很多关于媒体查询的信息-