当前位置: 代码迷 >> 综合 >> 响应式布局css样式
  详细解决方案

响应式布局css样式

热度:0   发布时间:2024-02-27 02:34:13.0
头部必写<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">@media screen and (min-width:0px) and (max-width: 480px) {body{background: #797;}div{width: 48%}}@media screen and (min-width:481px) and (max-width: 1024px) {body{background: #aaa;}div{width: 31.3333%}}@media screen and (min-width:1025px) and (max-width: 1200px) {body{background: #8cc;}div{width: 23%}}@media screen and (min-width:1201px) and (max-width: 1920px) {body{background: #999;}div{width: 23%}section{width: 1200px;margin:auto;}}

 

  相关解决方案