当我在元标记内容=“max-width = 1200px;”中定义媒体查询时，如何工作

Question

当我在元标记内容=“width = 1200px;”中定义媒体查询时，如何工作我的媒体查询就像

@media (max-width:480px){}
@media (max-width: 600px) {}

等其他媒体查询。

Answer 1

content =＆＃34; width = 1200px＆＃34; 表示您的布局需要至少1200像素的宽度。

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

例如，如果您的布局需要至少500像素的宽度，那么您可以使用以下标记。当屏幕宽度超过500像素时，浏览器将展开视口（而不是放大）以适应屏幕：

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

https://developer.mozilla.org/en/docs/Mozilla/Mobile/Viewport_meta_tag http://www.allenpike.com/2010/choosing-a-viewport-for-ipad-sites/