Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/github/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
将媒体属性添加到html时,CSS样式会消失吗?_Html_Css - Fatal编程技术网

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

将媒体属性添加到html时,CSS样式会消失吗?,html,css,Html,Css,我有一个非常令人困惑的问题,我不确定出了什么问题。当我将媒体属性添加到html文件头部的链接标记时,我的CSS样式完全消失。当我删除属性时,样式显示得很好。但是我需要这个属性来设置显示的大小。以下是我脑海中的想法: <head> <title>Learning Addition</title> <meta charset="utf-8"> <link rel="stylesheet" href="DesktopCss.css" med

我有一个非常令人困惑的问题,我不确定出了什么问题。当我将媒体属性添加到html文件头部的链接标记时,我的CSS样式完全消失。当我删除属性时,样式显示得很好。但是我需要这个属性来设置显示的大小。以下是我脑海中的想法:

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

学习加法

有人知道问题是什么吗?谢谢。

如果您试图加载将应用于桌面浏览器的CSS,除非您使用的是世界上最小的显示器,否则您应该说

屏幕和(min-宽度:481px)


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

您的查询定义此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>

学习加法

如果屏幕大于
481px
,则告诉文档不要应用样式表。我假设您的屏幕比这个大,因此样式表没有加载。PS,听起来您认为这个属性会强制屏幕限制大小。事实并非如此。此属性告诉文档何时使用您提供的样式表。您的意思可能是执行类似于
body{max width:481px;}
的操作?媒体查询的目的是什么?我将其从“最大”改为“宽度”,效果很好,但当我在浏览器上减小窗口大小时,样式仍然消失。你知道即使你减小窗口的大小,如何保持样式不变吗?