网站自适应实现

@media screen and (min-width:1920px) {
 .layui-container {
  width:1650px;
 }
 .layui-hide-lg {
  display:none!important
 }
 .layui-show-lg-block {
  display:block!important
 }
 .layui-show-lg-inline {
  display:inline!important
 }
 .layui-show-lg-inline-block {
  display:inline-block!important
 }
 .layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9 {
  float:left
 }
 .layui-col-lg1 {
  width:8.33333333%
 }
 .layui-col-lg2 {
  width:16.66666667%
 }
 .layui-col-lg3 {
  width:25%
 }
 .layui-col-lg4 {
  width:33.33333333%
 }
 .layui-col-lg5 {
  width:41.66666667%
 }
 .layui-col-lg6 {
  width:50%
 }
 .layui-col-lg7 {
  width:58.33333333%
 }
 .layui-col-lg8 {
  width:66.66666667%
 }
 .layui-col-lg9 {
  width:75%
 }
 .layui-col-lg10 {
  width:83.33333333%
 }
 .layui-col-lg11 {
  width:91.66666667%
 }
 .layui-col-lg12 {
  width:100%
 }
 .layui-col-lg-offset1 {
  margin-left:8.33333333%
 }
 .layui-col-lg-offset2 {
  margin-left:16.66666667%
 }
 .layui-col-lg-offset3 {
  margin-left:25%
 }
 .layui-col-lg-offset4 {
  margin-left:33.33333333%
 }
 .layui-col-lg-offset5 {
  margin-left:41.66666667%
 }
 .layui-col-lg-offset6 {
  margin-left:50%
 }
 .layui-col-lg-offset7 {
  margin-left:58.33333333%
 }
 .layui-col-lg-offset8 {
  margin-left:66.66666667%
 }
 .layui-col-lg-offset9 {
  margin-left:75%
 }
 .layui-col-lg-offset10 {
  margin-left:83.33333333%
 }
 .layui-col-lg-offset11 {
  margin-left:91.66666667%
 }
 .layui-col-lg-offset12 {
  margin-left:100%
 }
}

猜你喜欢

转载自my.oschina.net/anziguoer/blog/1629110