css 来自https://stackoverflow.com/questions/10858994/css-media-query-height-greater-than-width-and-vis

Posted 2021-05-13

/* ==================== *\
    01
\* ==================== */

@media (min-width: 0) { /* =================================== */
   /* this is the same as not using a media query... */
   .main-content {
     width: 100%;
     float: left;
   }

   .side-bar {
     width: 100%;
     float: left
   }

} /* ========================================================== */


/* ==================== *\
    02
\* ==================== */

@media (min-width: 60em) and (orientation:landscape) { /* ====== */

   .main-content {
     width: 70%;
     float: left;
   }

   .side-bar {
     width: 30%;
     float: left
   }

} /* ========================================================== */