本文主要是介绍学习微信小程序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)是指相对于父元
这篇关于学习微信小程序WXSS与CSS的不同的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!