网站自适应实现

@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%
 }
}

转载于:https://my.oschina.net/anziguoer/blog/1629110

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值