如何将@media查询放入HTML？[副本]

Question

<body onload=“myFunction（）”style=“margin:0；height:850px”>

如何在其中放置@media查询？我尝试了CSS，但它不起作用。我想如果我把它放在HTML正文标记中会更容易。

@媒体css不是htmldeveloper.mozilla.org/en-US/docs/Web/CSS/Media_Queries/… — 锂云母, 2017年8月10日15:32
@仅媒体屏幕和（最大宽度：1390px）{主体{高度：630px；}} — 用户8356410, 2017年8月10日15:38
因为我的body标签中隐藏了溢出-x:，所以这不起作用吗？ — 用户8356410, 2017年8月10日15:39
请编辑您的问题以添加相关代码，而不是将其作为注释发布 — 锂云母, 2017年8月10日15:40

道格拉斯 · Accepted Answer · 2021-12-11 18:15:26分

5

制造@媒体您需要将<元>头部的viewport标记，如下所示：

<头部><meta name=“viewport”content=“width=设备宽度，initial-scale=1.0”></头>

如果你这样做@媒体查询应该在分隔的CSS样式表或通过<样式>标签。

用户2711811

回答2017年8月10日15:41

道格拉斯

3,4062枚金徽章24枚银质徽章43枚青铜徽章

添加评论 |

凯文·厄普顿 · Accepted Answer · 2017年8月10日15:36:09Z

4

您可以使用风格标签。

<body><样式>@仅媒体屏幕和（最大宽度：400px）{.主体{背景颜色：红色；}}</style></body>

回答2017年8月10日15:36

凯文·厄普顿

3,4743枚金徽章22枚银质徽章25枚青铜徽章

添加评论 |

2个答案2