media.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. @media screen and (min-width: 480px) {}
  2. @media screen and (min-width: 480px) {}
  3. @MEDIA screen and (min-width: 480px) {}
  4. @MEDIA screen and (min-width: 480px) {}
  5. @media screen and (min-width: 480px) {}
  6. @media screen and (min-width: 480px) {}
  7. @media screen and (min-width :480px) {}
  8. @media screen and (min-width : 480px) {}
  9. @media screen and (min-width : 480px) {}
  10. @media
  11. screen
  12. and
  13. (min-width
  14. :
  15. 480px) {}
  16. @media screen and ( min-width: 480px) {}
  17. @media screen and (min-width: 480px ) {}
  18. @media screen and ( min-width: 480px ) {}
  19. @media screen and ( min-width: 480px ) {}
  20. @media not screen and (color), print and (color) { }
  21. @media not screen and (color) , print and (color) { }
  22. @media not screen and (color),print and (color) { }
  23. @media not screen and (color) , print and (color) { }
  24. @media not screen and (color) , print and (color) { }
  25. @media not screen and ( color), print and (color) { }
  26. @media not screen and (color ), print and (color) { }
  27. @media not screen and ( color ), print and (color) { }
  28. @media not screen and ( color ), print and (color) { }
  29. @media (--small-viewport) {}
  30. @media
  31. (
  32. --small-viewport
  33. )
  34. {
  35. }
  36. @media
  37. (
  38. --small-viewport
  39. )
  40. {
  41. }
  42. .screen-color {
  43. @media screen {
  44. color: green;
  45. @media (min-width: 768px) {
  46. color: red;
  47. }
  48. }
  49. @media tv {
  50. color: black;
  51. }
  52. }
  53. .screen-color {
  54. @media screen {
  55. color: green;
  56. @media (min-width: 768px) {
  57. color: red;
  58. }
  59. }
  60. @media tv {
  61. color: black;
  62. }
  63. }
  64. .screen-color{
  65. @media screen{
  66. color: green;
  67. @media (min-width: 768px){
  68. color: red;
  69. }
  70. }
  71. @media tv{
  72. color: black;
  73. }
  74. }
  75. .screen-color {
  76. @media screen {
  77. color: green;
  78. @media (min-width: 768px) {
  79. color: red;
  80. }
  81. }
  82. @media tv {
  83. color: black;
  84. }
  85. }
  86. .screen-color
  87. {
  88. @media
  89. screen
  90. {
  91. color
  92. :
  93. green
  94. ;
  95. @media
  96. (
  97. min-width
  98. :
  99. 768px
  100. )
  101. {
  102. color
  103. :
  104. red
  105. ;
  106. }
  107. }
  108. @media
  109. tv
  110. {
  111. color
  112. :
  113. black
  114. ;
  115. }
  116. }
  117. .screen-color
  118. {
  119. @media
  120. screen
  121. {
  122. color
  123. :
  124. green
  125. ;
  126. @media
  127. (
  128. min-width
  129. :
  130. 768px
  131. )
  132. {
  133. color
  134. :
  135. red
  136. ;
  137. }
  138. }
  139. @media
  140. tv
  141. {
  142. color
  143. :
  144. black
  145. ;
  146. }
  147. }
  148. @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {}