Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
传媒查询及；javascript可以'；我们相处不好_Javascript_Css_Width_Media Queries - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 传媒查询及；javascript可以'；我们相处不好

传媒查询及；javascript可以'；我们相处不好

javascript css

传媒查询及；javascript可以'；我们相处不好,javascript,css,width,media-queries,Javascript,Css,Width,Media Queries,我注意到FF、Chrome和Safari的行为，如果您干预对象的显示属性，media query将不再对该对象属性起作用 因此，我准备了一个测试html代码，这里是[1] 你有没有办法不产生这种效果？我不认为将css媒体查询转换为javascript不符合一般性原则 很快，我想在需要时（如果可能的话）使用媒体查询和javascript来更改DIV的可见性 [1]：（测试场景）当您直接更新元素的“样式”时，该样式将覆盖CSS中设置的任何内容（除非CSS有！重要的，而本地样式没有） 为了避免这个问题

我注意到FF、Chrome和Safari的行为，如果您干预对象的显示属性，media query将不再对该对象属性起作用

因此，我准备了一个测试html代码，这里是[1]

你有没有办法不产生这种效果？我不认为将css媒体查询转换为javascript不符合一般性原则

很快，我想在需要时（如果可能的话）使用媒体查询和javascript来更改DIV的可见性

[1]：（测试场景）

当您直接更新元素的“样式”时，该样式将覆盖CSS中设置的任何内容（除非CSS有
！重要的
，而本地样式没有）

为了避免这个问题，不要直接操纵元素的样式。相反，添加或删除一个或多个“类”字符串，并在样式表中提供样式（可能受媒体查询影响）。这样做通常更好，即使你不处理媒体查询。在CSS文件中更新样式比在JavaScript代码中查找样式更容易