一个CSS样式表中的媒体查询差异屏幕大小

瓦尔多

您好,我有这个脚本,当屏幕尺寸为1600 pxbackground-color为红色,而屏幕尺寸为1366 pxbackground-color为黑色时,我却需要,但是我的代码不起作用,媒体查询仅能工作1600 px

html

<div>

</div>

的CSS

div{
    width:100%;
    height:100%;
    background-color:grey;
}

@media screen and (max-width:1366px){
    div{
        background-color:black;
    }
}

@media screen and (max-width:1600px){
    div{
        background-color:red;
    }
}
苏雷什·庞卡莱

第二种样式覆盖第一种样式。更改顺序。会的。

 div{
width:100%;
height:100%;
background-color:grey;
}

@media screen and (max-width:1600px){
   div
   {
    background-color:red;
   }
}

@media screen and (max-width:1366px){
   div
   {
    background-color:black;
   }
}

演示

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在一个样式表中具有多个CSS媒体查询有什么影响?

来自分类Dev

如何轻松提取CSS样式表文件中的所有媒体查询?

来自分类Dev

印刷媒体查询和样式表被忽略

来自分类Dev

媒体查询仅一个像素大小

来自分类Dev

媒体查询仅一个像素大小

来自分类Dev

媒体查询:根据屏幕尺寸限制某些CSS样式

来自分类Dev

CSS媒体查询(媒体屏幕)

来自分类Dev

仅在一个Div中应用样式表

来自分类Dev

仅在一个Div中应用样式表

来自分类Dev

带内联样式表和媒体查询的Razor视图

来自分类Dev

带有媒体查询的Wordpress wp_enqueue样式表

来自分类Dev

为什么我必须将媒体查询放在样式表的底部?

来自分类Dev

为什么必须将媒体查询放在样式表的底部?

来自分类Dev

CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

来自分类Dev

CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

来自分类Dev

css 媒体查询中的“唯一屏幕”代码是什么意思?

来自分类Dev

CSS 媒体查询不覆盖样式

来自分类Dev

CSS媒体查询:一个文件还是单独的文件,并影响加载速度

来自分类Dev

CSS媒体查询,一个或多个用于移动设备优化

来自分类Dev

CSS媒体查询,一个或多个用于移动设备优化

来自分类Dev

CSS样式表:专门用于一个按钮的样式

来自分类Dev

如何在一个媒体查询中组合最小宽度和最大宽度

来自分类Dev

CSS:在一类中定义媒体查询

来自分类Dev

正确的级联媒体查询?/屏幕上奇数媒体查询行为的大小调整/刷新

来自分类Dev

是否可以在一个链接标签中嵌入2个或更多样式表?

来自分类Dev

CSS-两个样式表一个接一个呈现(Opencart)

来自分类Dev

Qt样式表和“一个参数”问题

来自分类Dev

在媒体查询中将一个div放在另一个div之上

来自分类Dev

如何在HTML的一个样式表中添加多种配色方案?

Related 相关文章

  1. 1

    在一个样式表中具有多个CSS媒体查询有什么影响?

  2. 2

    如何轻松提取CSS样式表文件中的所有媒体查询?

  3. 3

    印刷媒体查询和样式表被忽略

  4. 4

    媒体查询仅一个像素大小

  5. 5

    媒体查询仅一个像素大小

  6. 6

    媒体查询:根据屏幕尺寸限制某些CSS样式

  7. 7

    CSS媒体查询(媒体屏幕)

  8. 8

    仅在一个Div中应用样式表

  9. 9

    仅在一个Div中应用样式表

  10. 10

    带内联样式表和媒体查询的Razor视图

  11. 11

    带有媒体查询的Wordpress wp_enqueue样式表

  12. 12

    为什么我必须将媒体查询放在样式表的底部?

  13. 13

    为什么必须将媒体查询放在样式表的底部?

  14. 14

    CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

  15. 15

    CSS-所有媒体查询都在一个文件中?或加载分开的CSS文件?

  16. 16

    css 媒体查询中的“唯一屏幕”代码是什么意思?

  17. 17

    CSS 媒体查询不覆盖样式

  18. 18

    CSS媒体查询:一个文件还是单独的文件,并影响加载速度

  19. 19

    CSS媒体查询,一个或多个用于移动设备优化

  20. 20

    CSS媒体查询,一个或多个用于移动设备优化

  21. 21

    CSS样式表:专门用于一个按钮的样式

  22. 22

    如何在一个媒体查询中组合最小宽度和最大宽度

  23. 23

    CSS:在一类中定义媒体查询

  24. 24

    正确的级联媒体查询?/屏幕上奇数媒体查询行为的大小调整/刷新

  25. 25

    是否可以在一个链接标签中嵌入2个或更多样式表?

  26. 26

    CSS-两个样式表一个接一个呈现(Opencart)

  27. 27

    Qt样式表和“一个参数”问题

  28. 28

    在媒体查询中将一个div放在另一个div之上

  29. 29

    如何在HTML的一个样式表中添加多种配色方案?

热门标签

归档