ostra
12/1/2017 - 2:00 PM

Media Quering

mediaQuering
content_copyfile_download
<head>
  <link rel="stylesheet" media="scren and (min-width:500px)"
  href="over500.css">
  <link rel="stylesheet" media="scren and (max-width:500px)"
  href="less500.css">
</head>
<body>
  @media screen and (min-width: 500px) {
    body {background-color: green; }
  }
  @media screen and (max-width: 500px) {
    body {background-color: yellow; }
  }
  @media screen and (min-width: 500px) and (max-width: 600px) {
    . {
      opacity: 1;
    }
    .  {
      opacity: 0;
    }
  }
</body>