记录

问题：

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

 

<meta name="keywords" content="{cms:config name='cms.keywords'/}"/>

      <meta name="description" content="{cms:config name='cms.description'/}"/>

 

 

知识点记录：

.mod_help：last-child{//选出最后一个元素

width：100px

}

object-fit: cover(对图片进行剪切，保留原始比例：)

.bg_cover{

    background-size: cover !important;;---把背景图片放大到适合元素容器的尺寸，图片比例不变，但是要注意，超出容器的部分可能会裁掉。

}

 

 

@media (max-width: 1600px){屏幕小于1600px 执行的代码
    .navigationUl {
        margin-top: 13px;
        margin-left: 100px;
        font-size: 16px;
    }
    .navigation ul li{
        margin-left:50px;

    }
    .logoLeft{
        margin-left: 10px;

    }
}
@media (max-width: 768px){

}

.shopcar::before{

  content: '\e61a';

  font-family: "iconfont";

  margin-right: 5px;

  color: #c81623;

  font-size: 16px;

}

.shopcar::after{

  content: '\e61c';

  font-family: "iconfont";

  margin-left: 10px;

}

 

 

3.使用after伪元素清除浮动（推荐使用）

.view_button:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/
content: "";
display: block;
height: 0;
clear:both;
visibility: hidden;
}

 transform: skew(0deg, 30deg);