Skip to content

Commit

Permalink
feat: resolution media queries add the x unit as an alias for dppx
Browse files Browse the repository at this point in the history 
w3c/csswg-drafts#2631
  • Loading branch information
@yisibl
yisibl committed Jul 17, 2022
1 parent e26900a commit 291c50d
Showing 1 changed file with 145 additions and 132 deletions.
277 changes: 145 additions & 132 deletions features-json/css-media-resolution.json
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
{
"title":"Media Queries: resolution feature",
"description":"Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses `min`/`max-resolution` for this, some browsers support the older non-standard `device-pixel-ratio` media query.",
"spec":"https://www.w3.org/TR/css3-mediaqueries/#resolution",
"status":"rec",
"spec":"https://www.w3.org/TR/mediaqueries-4/#resolution",
"status":"cr",
"links":[
{
"url":"https://www.w3.org/blog/CSS/2012/06/14/unprefix-webkit-device-pixel-ratio/",
Expand All @@ -19,6 +19,18 @@
{
"url":"https://developer.mozilla.org/en-US/docs/Web/CSS/@media/resolution",
"title":"MDN Web Docs - CSS @media resolution"
},
{
"url":"https://drafts.csswg.org/css-values/#dppx",
"title":"CSS Values and Units Module Level 4 add the `x` unit as an alias for `dppx`."
},
{
"url":"https://chromestatus.com/feature/5150549246738432",
"title":"Chrome support 'x' as a resolution unit."
},
{
"url":"https://bugzilla.mozilla.org/show_bug.cgi?id=1460655",
"title":"Firefox support 'x' as a resolution unit."
}
],
"bugs":[
Expand Down Expand Up @@ -90,52 +102,52 @@
"13":"a #2",
"14":"a #2",
"15":"a #2",
"16":"y",
"17":"y",
"18":"y",
"19":"y",
"20":"y",
"21":"y",
"22":"y",
"23":"y",
"24":"y",
"25":"y",
"26":"y",
"27":"y",
"28":"y",
"29":"y",
"30":"y",
"31":"y",
"32":"y",
"33":"y",
"34":"y",
"35":"y",
"36":"y",
"37":"y",
"38":"y",
"39":"y",
"40":"y",
"41":"y",
"42":"y",
"43":"y",
"44":"y",
"45":"y",
"46":"y",
"47":"y",
"48":"y",
"49":"y",
"50":"y",
"51":"y",
"52":"y",
"53":"y",
"54":"y",
"55":"y",
"56":"y",
"57":"y",
"58":"y",
"59":"y",
"60":"y",
"61":"y",
"16":"a #4",
"17":"a #4",
"18":"a #4",
"19":"a #4",
"20":"a #4",
"21":"a #4",
"22":"a #4",
"23":"a #4",
"24":"a #4",
"25":"a #4",
"26":"a #4",
"27":"a #4",
"28":"a #4",
"29":"a #4",
"30":"a #4",
"31":"a #4",
"32":"a #4",
"33":"a #4",
"34":"a #4",
"35":"a #4",
"36":"a #4",
"37":"a #4",
"38":"a #4",
"39":"a #4",
"40":"a #4",
"41":"a #4",
"42":"a #4",
"43":"a #4",
"44":"a #4",
"45":"a #4",
"46":"a #4",
"47":"a #4",
"48":"a #4",
"49":"a #4",
"50":"a #4",
"51":"a #4",
"52":"a #4",
"53":"a #4",
"54":"a #4",
"55":"a #4",
"56":"a #4",
"57":"a #4",
"58":"a #4",
"59":"a #4",
"60":"a #4",
"61":"a #4",
"62":"y",
"63":"y",
"64":"y",
Expand Down Expand Up @@ -206,40 +218,40 @@
"26":"a x #3",
"27":"a x #3",
"28":"a x #3",
"29":"y",
"30":"y",
"31":"y",
"32":"y",
"33":"y",
"34":"y",
"35":"y",
"36":"y",
"37":"y",
"38":"y",
"39":"y",
"40":"y",
"41":"y",
"42":"y",
"43":"y",
"44":"y",
"45":"y",
"46":"y",
"47":"y",
"48":"y",
"49":"y",
"50":"y",
"51":"y",
"52":"y",
"53":"y",
"54":"y",
"55":"y",
"56":"y",
"57":"y",
"58":"y",
"59":"y",
"60":"y",
"61":"y",
"62":"y",
"29":"a #4",
"30":"a #4",
"31":"a #4",
"32":"a #4",
"33":"a #4",
"34":"a #4",
"35":"a #4",
"36":"a #4",
"37":"a #4",
"38":"a #4",
"39":"a #4",
"40":"a #4",
"41":"a #4",
"42":"a #4",
"43":"a #4",
"44":"a #4",
"45":"a #4",
"46":"a #4",
"47":"a #4",
"48":"a #4",
"49":"a #4",
"50":"a #4",
"51":"a #4",
"52":"a #4",
"53":"a #4",
"54":"a #4",
"55":"a #4",
"56":"a #4",
"57":"a #4",
"58":"a #4",
"59":"a #4",
"60":"a #4",
"61":"a #4",
"62":"a #4",
"63":"y",
"64":"y",
"65":"y",
Expand Down Expand Up @@ -328,46 +340,46 @@
"11.6":"a x #3",
"12":"a x #3",
"12.1":"y",
"15":"y",
"16":"y",
"17":"y",
"18":"y",
"19":"y",
"20":"y",
"21":"y",
"22":"y",
"23":"y",
"24":"y",
"25":"y",
"26":"y",
"27":"y",
"28":"y",
"29":"y",
"30":"y",
"31":"y",
"32":"y",
"33":"y",
"34":"y",
"35":"y",
"36":"y",
"37":"y",
"38":"y",
"39":"y",
"40":"y",
"41":"y",
"42":"y",
"43":"y",
"44":"y",
"45":"y",
"46":"y",
"47":"y",
"48":"y",
"49":"y",
"50":"y",
"51":"y",
"52":"y",
"53":"y",
"54":"y",
"15":"a #4",
"16":"a #4",
"17":"a #4",
"18":"a #4",
"19":"a #4",
"20":"a #4",
"21":"a #4",
"22":"a #4",
"23":"a #4",
"24":"a #4",
"25":"a #4",
"26":"a #4",
"27":"a #4",
"28":"a #4",
"29":"a #4",
"30":"a #4",
"31":"a #4",
"32":"a #4",
"33":"a #4",
"34":"a #4",
"35":"a #4",
"36":"a #4",
"37":"a #4",
"38":"a #4",
"39":"a #4",
"40":"a #4",
"41":"a #4",
"42":"a #4",
"43":"a #4",
"44":"a #4",
"45":"a #4",
"46":"a #4",
"47":"a #4",
"48":"a #4",
"49":"a #4",
"50":"a #4",
"51":"a #4",
"52":"a #4",
"53":"a #4",
"54":"a #4",
"55":"y",
"56":"y",
"57":"y",
Expand Down Expand Up @@ -440,8 +452,8 @@
"4":"a x #3",
"4.1":"a x #3",
"4.2-4.3":"a x #3",
"4.4":"y",
"4.4.3-4.4.4":"y",
"4.4":"a #4",
"4.4.3-4.4.4":"a #4",
"103":"y"
},
"bb":{
Expand Down Expand Up @@ -471,12 +483,12 @@
"12.12":"y"
},
"samsung":{
"4":"y",
"5.0-5.4":"y",
"6.2-6.4":"y",
"7.2-7.4":"y",
"8.2":"y",
"9.2":"y",
"4":"a #4",
"5.0-5.4":"a #4",
"6.2-6.4":"a #4",
"7.2-7.4":"a #4",
"8.2":"a #4",
"9.2":"a #4",
"10.1":"y",
"11.1-11.2":"y",
"12.0":"y",
Expand All @@ -499,8 +511,9 @@
"notes":"",
"notes_by_num":{
"1":"Supports the `dpi` unit, but does not support `dppx` or `dpcm` units.",
"2":"Firefox before 16 supports only `dpi` unit, but you can set `2dppx` per `min--moz-device-pixel-ratio: 2`",
"3":"Supports the non-standard `min`/`max-device-pixel-ratio`"
"2":"Firefox before 16 supports only `dpi` unit, but you can set `2dppx` per `min--moz-device-pixel-ratio: 2`.",
"3":"Supports the non-standard `min`/`max-device-pixel-ratio`.",
"4":"Does not support `x` unit (alias for `dppx` unit), e.g: `@media (min-resolution: 2x) { }`."
},
"usage_perc_y":79.53,
"usage_perc_a":20.05,
Expand Down

0 comments on commit 291c50d

Please sign in to comment.