validator/testdata/feature_tests/media_queries.html - main - githubmirror/amphtml

validator/testdata/feature_tests/media_queries.html

35 строк2 KB

honeybadgerdontcare

Validator rollup 20210819 (#35748)

20 авг 2021, 21:08

20 авг 2021, 21:0815f658d

<!--
  Test Description:
  Tests several invalid media queries in the custom CSS style.
-->
<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="./regular-html-version.html">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
  <style amp-custom>
  /* Valid media type */
  @media screen {}
  /* Invalid media type */
  @media holodeck {}
  /* Valid and Invalid media type */
  @media screen, holodeck {}
  /* Valid variants of pixel-ratio feature */
  @media (-webkit-min-device-pixel-ratio:1.5) {}
  @media (min-device-pixel-ratio:1.5) {}
  @media (device-pixel-ratio:1.5) {}
  /* Invalid variants of pixel-ratio */
  @media (min-webkit-device-pixel-ratio:1.5) {}
  @media (min--webkit-device-pixel-ratio:1.5) {}
  /* Invalid media feature */
  @media (invalid-media-feature:1.5) {}
  /* All together now, this is valid */
  @media only screen and (max-width: 800px) {}
  /* All together now, these are not */
  @media not holodeck and (max-width: 800px) {}
  @media screen and (-webkit-max-degrees-celsius: 14) {}
  </style>
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <script src="https://cdn.ampproject.org/v0.js" async></script>
</head><body></body></html>