2021-04-28 16:49:39 +02:00
The W3C specifications define the valid media features. Only the official and browser-specific media features should be used to get the expected impact in the final rendering.
2021-04-28 18:08:03 +02:00
2021-04-28 16:49:39 +02:00
== Noncompliant Code Example
2022-02-04 17:28:24 +01:00
[source,css]
2021-04-28 16:49:39 +02:00
----
@media screen and (unknown: 1000px) { .. }
----
2021-04-28 18:08:03 +02:00
2021-04-28 16:49:39 +02:00
== Compliant Solution
2022-02-04 17:28:24 +01:00
[source,css]
2021-04-28 16:49:39 +02:00
----
@media screen and (width: 1000px) { .. }
----
2021-04-28 18:08:03 +02:00
2021-04-28 16:49:39 +02:00
== See
* https://www.w3schools.com/cssref/css3_pr_mediaquery.asp[CSS Specification] - ``++@media++`` rule
2021-04-28 18:08:03 +02:00
2021-09-20 15:38:42 +02:00
ifdef::env-github,rspecator-view[]
'''
== Implementation Specification
(visible only on this page)
include::message.adoc[]
endif::env-github,rspecator-view[]