本文是关于学习微信小程序开发的笔记，重点介绍了WXSS与CSS的相同点和不同点，包括尺寸单位rpx、外联样式导入、内联样式的使用以及选择器的详细说明。在WXSS中，rpx提供了响应式布局，外联样式有明确的执行顺序，内联样式需要注意静态和动态的区分，并且WXSS支持CSS的部分选择器。
此贴为学习9 小时搞定微信小程序开发 的笔记
文档：WXSS · 小程序
WXSS和CSS类似，不过在CSS的基础上做了一些补充和修改。
相同点
width：设置元素宽度。
height：设置元素高度。
position：设置元素定位方式。
color：设置元素内文本的颜色。
border：设置元素的边框样式。
…
WXSS的补充和修改
1. 尺寸单位rpx
rpx是响应式像素。因为微信小程序不能识别rem等像素单位。不过rpx和rem很相似，可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。
注：rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元
最低0.47元/天 解锁文章
1803
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
