Skip to content

流式(px2rem和rpx)

  1. 以ipone6s的750px为基准,使用px2rem进行rem缩放
  2. 微信小程序以rpx为单位

响应式(media query)

css
@media (min-width: 768px) and (max-width: 1023px) {
    aside {
        width: 30%;
        float: right;
    }
}

vw/vh

宽度和高度的百分比

rem

取决于根元素的fontsize大小

em

取决于父元素的fontsize大小

px

像素大小