gpt4 book ai didi

css - 媒体查询适用于内联 CSS,但不适用于 CSS 文件

转载 作者:行者123 更新时间:2023-11-28 17:06:54 25 4
gpt4 key购买 nike

我遇到了一个找不到答案的问题。我正在使用下面的 @media 代码,当我使用内联 CSS 时它可以工作,但是当我删除内联代码并将其添加到 CSS 文件时它停止工作。

这是我用来测试它的。

@media all screen and (max-width: 480px) {body{font-size: 8px; }}

@media all screen and (min-width: 481px) and (max-width: 768px) {body{font-size: 28px; }}

@media all screen and (min-width: 769px) {body{font-size: 38px; }}

知道为什么当它被添加到外部 CSS 文件时它停止工作了吗?

最佳答案

您很可能需要在 <head></head> 中添加以下内容你的部分html文件。

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

替换 mystyle.css使用外部 css 文件的名称。

...在你的 css 文件中是这样的:

body {
@media all screen and (max-width: 480px) {
font-size: 8px;
}
}

关于css - 媒体查询适用于内联 CSS,但不适用于 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48911791/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com