微信小程序-----适配小结、移动端1px与选择器权重

一、WXSS选择器权重与优先级

权重越高越优先。在优先级相同的情况下，后设置的样式优先级高于先设置的样式

<!-- WXSS选择器权重与优先级 -->
    <view class="qz" id="qzA" >权重问题</view>

/*  权重优先级 */
/*  权重1 */
view{
  color: red;
}
/*  权重10 */
.qz{
  color:rgb(38, 221, 32);
}
/*  权重11 */
view.qz{
  color:plum;
}
/*  权重100 */
#qzA{
  color:#0000ff;
}
/*  权重101 */
view#qzA{
  color:rgb(29, 185, 233);
}

二、适配小结

三、物理像素dp

物理像素(physical pixel)又被称为设备像素（device pixel简称dp），他是显示设备中一个最微小的物理部件。

一个设备的物理像素是固定不变的

四、设备独立像素DIP

CSS像素/逻辑像素/设备独立像素/设备无关像素