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

时间:2015-02-17 07:32:02

标签: android html css width meta

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

谢谢

1 个答案:

答案 0 :(得分:0)

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



<meta name="viewport" content="width=device-width, initial-scale=1.0">
&#13;
&#13;
&#13;

其次是媒体查询:

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

其中max-width是您希望媒体查询启用的屏幕宽度,而div是css&#39;嵌套&#39;的示例。您需要预先形成。

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