1. <div id="wrapper" class="media-queries">
  2. <p id="window-width"></p>
  3. <p class="window-width">/</p>
  4. </div>
  1. #wrapper {
  2. padding: 10px;
  3. box-sizing: border-box;
  4. }
  5. p {
  6. margin: 0;
  7. text-align: center;
  8. }
  9. @media screen and (max-device-width: 480px) {
  10. .window-width:before {
  11. content: "max-width: 480px ";
  12. }
  13. }
  14. @media screen and (min-device-width: 480px) {
  15. .window-width:after {
  16. content: " min-width: 480px";
  17. }
  18. }

/