以下实例中在屏幕可视窗口尺寸大于 480 像素的设备上修改背景颜色 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body {
      background-color: pink;
    }

    @media screen and (min-width: 480px) {
      body {
        background-color: lightgreen;
      }
    }
  </style>
</head>
<body>

  <h1>重置浏览器窗口查看效果！</h1>
  <p>如果媒体类型屏幕的可视窗口宽度小于 480 px ，背景颜色将改变。</p>

</body>
</html>
        