dyh333/media query test.html

## media query test.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=5600, initial-scale=100">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>

    <style>
      body {
        margin: 0;
        overflow: auto;
      }

      .wrapper {
        width: 100px;
        /* float: left; */
      }

      @media (min-width: 0px) and (max-width: 5600px) {
        .wrapper {
          background-color: red;
        }
      }

      @media (min-width: 5600px) {
        .wrapper {
          background-color: blue;
        }
      }
    </style>
  </head>
  <body>
    <div class="wrapper">aaa</div>
    <div class="wrapper" style="position: fixed; right: 0px; top: 0px;">ddd</div>
  </body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=5600, initial-scale=100">
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>Document</title>

	<style>
	body {
	margin: 0;
	overflow: auto;
	}

	.wrapper {
	width: 100px;
	/* float: left; */
	}

	@media (min-width: 0px) and (max-width: 5600px) {
	.wrapper {
	background-color: red;
	}
	}

	@media (min-width: 5600px) {
	.wrapper {
	background-color: blue;
	}
	}
	</style>
	</head>
	<body>
	<div class="wrapper">aaa</div>
	<div class="wrapper" style="position: fixed; right: 0px; top: 0px;">ddd</div>
	</body>
	</html>