qq_40666120的博客

vw — 1vw 等于视口宽度的 1%vh — 1vh 等于视口高度的 1%vmin — vw 和 vh 中的较小值vmax — vw 和 vh 中的较大值calc经常被使用在计算剩下的宽度或者高度，可以根据机型动态改变布局的宽度或者高度，但是使用过程中有以下注意事项style="height:calc(100vh - {{pageTopHeight}}px - 174rpx )"在代码中运算符的前后必须要有 空格 才能生效...

前言：当我们在布局商品列表的时候，需要平均分布和自动换行功能，在此使用grid简单快捷布局实现该功能，这里以微信小程序为例。wxml部分<view class="container"> <view wx:for="{{14}}">{{index}}</view></view>wxss部分.container{ margin:0 20rpx; border:1rpx solid red; display: grid;

文章目录伪类选择器使用nth-child伪类选择器运用伪元素:before和:after使用伪类选择器使用:first-child 选择某个元素的第一个子元素（IE6不支持）:last-child 选择某个元素的最后一个子元素:first-of-type [CSS3]选择一个上级元素下的第一个同类子元素:last-of-type [CSS3]选择一个上级元素的最后一个同类子元素:only-child [CSS3]选择的元素是它的父元素的唯一一个了元素（IE6-8不支持）: