样式进行中

小程序图片高度自适应失败加一个 mode="widthFix" 

<image mode="widthFix" src="http://otfdmi8of.bkt.clouddn.com/productDeails-test2.jpg"></image>

图片样式上写

 vertical-algin:middle

给pc端的页面加响应    预览时一定要加device

@media screen and (max-device-width: 640px) {
    body {   }

}

border边框线在内边距里

box-sizing:border-box;

响应式图片：

 img{ width: 100%; height: auto;max-width: 100%; display: block; } 

dom下第一个子集的css改变

div>ul:nth-child(1)

隐藏滚动条

1.伪类：

::-webkit-scrollbar {
display: none;
}

禁止点击样式 ：pointer-events：none            （今天做签到翻牌的时候学到点击的东西要从外往外找）

旋转：

1. -webkit-transform: rotate(315deg);
2. transform: rotate(320deg);

content特殊字符 圆点   ●· /8226

容器垂直水平居中 ：     align-items: center;