|
1 |
| -@import url('styles.css') screen and (min-resolution: 2dppx), screen and (-webkit-min-device-pixel-ratio: 2); |
| 1 | +@import url('styles.css') screen and (min-resolution: 2dppx); |
2 | 2 | @import url("styles.css") supports(display: flex) screen and (max-width: 400px);
|
3 | 3 | @import url("styles.css") supports(not (display: flex)) screen and (max-width: 400px);
|
4 |
| -@import url('styles.css') supports(display: flex) screen and (min-resolution: 2dppx), screen and (-webkit-min-device-pixel-ratio: 2); |
5 |
| -@media (min-resolution: 2dppx), (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) { |
| 4 | +@import url('styles.css') supports(display: flex) screen and (min-resolution: 2dppx); |
| 5 | +@media (min-resolution: 2dppx), (min-resolution: 192dpi) { |
6 | 6 | .class {
|
7 | 7 | color: red;
|
8 | 8 | }
|
9 | 9 | }
|
10 |
| -@media (min-resolution: 2.5dppx), (-webkit-min-device-pixel-ratio: 2.5) { |
| 10 | +@media (min-resolution: 2.5dppx) { |
11 | 11 | .class {
|
12 | 12 | color: red;
|
13 | 13 | }
|
14 | 14 | }
|
15 |
| -@media (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5) { |
| 15 | +@media (min-resolution: 144dpi) { |
16 | 16 | .class {
|
17 | 17 | color: red;
|
18 | 18 | }
|
19 | 19 | }
|
20 |
| -@media (min-resolution: 2x), (-webkit-min-device-pixel-ratio: 2) { |
| 20 | +@media (min-resolution: 2x) { |
21 | 21 | .class {
|
22 | 22 | color: red;
|
23 | 23 | }
|
24 | 24 | }
|
25 |
| -@media (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.25) { |
| 25 | +@media (min-resolution: 120dpi) { |
26 | 26 | .class {
|
27 | 27 | color: red;
|
28 | 28 | }
|
29 | 29 | }
|
30 |
| -@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) { |
| 30 | +@media (min-resolution: 2dppx) { |
31 | 31 | .class {
|
32 | 32 | color: red;
|
33 | 33 | }
|
34 | 34 | }
|
35 |
| -@media only screen and (min-resolution: 124.8dpi), only screen and (-webkit-min-device-pixel-ratio: 1.3) { |
| 35 | +@media only screen and (min-resolution: 124.8dpi) { |
36 | 36 | .class {
|
37 | 37 | color: red;
|
38 | 38 | }
|
39 | 39 | }
|
40 |
| -@media (min-resolution: 113.38dpcm), (-webkit-min-device-pixel-ratio: 3) { |
| 40 | +@media (min-resolution: 113.38dpcm) { |
41 | 41 | .class {
|
42 | 42 | color: red;
|
43 | 43 | }
|
44 | 44 | }
|
| 45 | +::-webkit-input-placeholder { |
| 46 | + color: gray; |
| 47 | +} |
45 | 48 | ::placeholder {
|
46 | 49 | color: gray;
|
47 | 50 | }
|
48 | 51 | .image {
|
49 | 52 | background-image: url(image@1x.png);
|
50 | 53 | }
|
51 |
| -@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) { |
| 54 | +@media (min-resolution: 2dppx) { |
52 | 55 | .image {
|
53 | 56 | background-image: url(image@2x.png);
|
54 | 57 | }
|
55 | 58 | }
|
56 |
| -@media (min-resolution: 33dpi), (-webkit-min-device-pixel-ratio: 0.34) { |
| 59 | +@media (min-resolution: 33dpi) { |
57 | 60 | .class {
|
58 | 61 | color: red;
|
59 | 62 | }
|
60 | 63 | }
|
61 |
| -@media (min-resolution: 0dpi), (-webkit-min-device-pixel-ratio: 0) { |
| 64 | +@media (min-resolution: 0dpi) { |
62 | 65 | .class {
|
63 | 66 | color: red;
|
64 | 67 | }
|
65 | 68 | }
|
66 |
| -@media (min-resolution: 2dppx), (min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2) {} |
67 |
| -@media (min-resolution: 2.5dppx), (-webkit-min-device-pixel-ratio: 2.5) {} |
68 |
| -@media (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5) {} |
69 |
| -@media (min-resolution: 2x), (-webkit-min-device-pixel-ratio: 2) {} |
70 |
| -@media (min-resolution: 120dpi), (-webkit-min-device-pixel-ratio: 1.25) {} |
71 |
| -@media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2) {} |
72 |
| -@media only screen and (min-resolution: 124.8dpi), only screen and (-webkit-min-device-pixel-ratio: 1.3) {} |
73 |
| -@media (min-resolution: 113.38dpcm), (-webkit-min-device-pixel-ratio: 3) {} |
| 69 | +@media (min-resolution: 2dppx), (min-resolution: 192dpi) {} |
| 70 | +@media (min-resolution: 2.5dppx) {} |
| 71 | +@media (min-resolution: 144dpi) {} |
| 72 | +@media (min-resolution: 2x) {} |
| 73 | +@media (min-resolution: 120dpi) {} |
| 74 | +@media (min-resolution: 2dppx) {} |
| 75 | +@media only screen and (min-resolution: 124.8dpi) {} |
| 76 | +@media (min-resolution: 113.38dpcm) {} |
74 | 77 | @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx) {}
|
75 | 78 | @media (min-resolution: 2dppx), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2) {}
|
76 |
| -@media (min-resolution: 113.38DPCM), (-webkit-min-device-pixel-ratio: 113.38) { |
| 79 | +@media (min-resolution: 113.38DPCM) { |
77 | 80 | .class {
|
78 | 81 | color: red;
|
79 | 82 | }
|
|
0 commit comments