是否可以在元标记中将内容宽度设置为100%。例如,而不是以像素为单位的固定。我想在包括移动设备在内的任何屏幕上呈现我的页面。任何帮助将不胜感激。
谢谢
答案 0 :(得分:0)
您无法在元标记中设置内容百分比。响应式设计的方法首先是:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
&#13;
其次是媒体查询:
@media screen and (max-width: 1200px) {
div {
width: 100%;
}
}
&#13;
其中max-width
是您希望媒体查询启用的屏幕宽度,而div
是css&#39;嵌套&#39;的示例。您需要预先形成。
请注意,您可能需要创建3个或4个不同的媒体查询,以便网站在宽屏,普通,平板电脑和移动设备中正常显示。