是否可以在元标记中将内容宽度设置为 100%

【问题标题】：Is it possible to have content width set to 100% in the meta tag是否可以在元标记中将内容宽度设置为 100%
【发布时间】：2015-02-17 17:20:59
【问题描述】：

是否可以在元标记中将内容宽度设置为 100%。例如，而不是固定的以像素为单位。我想在包括移动设备在内的任何屏幕上呈现我的页面。任何帮助将不胜感激。

谢谢

【问题讨论】：

为什么.. css 对你没有帮助？
欢迎来到 StackOverflow。 :) 请阅读stackoverflow.com/help/mcve 和stackoverflow.com/help/how-to-ask。这个问题可以使用更多细节：请展示一个代码示例，说明您尝试过的内容，解释该代码的作用以及结果与您想要的结果有何不同。

【解决方案1】：

您不能在元标记中设置内容百分比。响应式设计的方法首先是：

&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;

其次是媒体查询：

@media screen and (max-width: 1200px) {
   div {
      width: 100%;
   }
}

max-width 是您希望媒体查询启动的屏幕宽度，div 是您需要执行的 CSS“嵌套”示例。

请注意，您可能需要创建 3 或 4 个不同的媒体查询，以便网站在宽屏、普通、平板电脑和移动设备中看起来正确。

【讨论】：