Question

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

谢谢

Answer 1

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

＆＃13;

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

＆＃13;

其次是媒体查询：

＆＃13;

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

＆＃13;

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

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