Question

我有一个非常令人困惑的问题，我不确定是什么错。当我将media属性添加到html文件头部的链接标记时，我的CSS样式完全消失了。当我删除属性时，样式显示就好了。但是我需要这个属性来设置显示的大小。这就是我的想法：

 <head>
 <title>Learning Addition</title>
 <meta charset="utf-8">
 <link rel="stylesheet" href="DesktopCss.css" media="screen and (max-width:481px)" > 
 </head>

任何人都知道问题是什么？感谢。

Answer 1

如果您正在尝试加载适用于桌面浏览器的CSS，除非您使用世界上最小的显示器，否则您应该说

屏幕和（ min -width：481px）

Answer 2

您可能只是复制了媒体查询而不了解其中发生的情况。或者你只是忽略了它中的错误。

您的查询定义此css文件应仅用于最大屏幕大小481px。这很可能是你不想做的事情。

您应该将max-width更改为min-width才能使其正常运行。

我还建议另外一项更改是在css文件的文件名中使用所有小案例，并将服务器上文件的原始名称更改为小写，以避免浏览器不兼容问题。

您的代码应如下所示：

<head>
    <title>Learning Addition</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="desktopcss.css" media="screen and (min-width:481px)" > 
</head>

将媒体属性添加到html时，CSS样式会消失吗？

2 个答案: