微信小程序的学习(4)-视图层WXSS

来源:互联网 发布:质数算法流程图 编辑:程序博客网 时间:2024/05/01 06:25

WXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式。

WXSS用来决定WXML中的组件应该怎么显示。

WXSS中具有CSS的大部分特性,微信小程序框架同时对CSS进行了扩充以及修改。

与CSS相比增加的特性有:

  • 尺寸单位
  • 样式导入

尺寸单位
*rpx(responsive pixel):可以根据屏幕宽度进行自适应。规定基础屏幕宽度为750rpx,如在iPhone6上,屏幕宽度为375px,则1rpx = 0.5px;但是在iPhone5上,屏幕宽度为315px,则1rpx=0.42px。当我们设置按钮的宽度为325rpx时,无论是在iphone6还是在iPhone5中,按钮的宽度都是占屏幕宽度的一半,这样就实现了应用在不同的分辨率中的机器的自适应。


样式的使用技巧:



0 0
原创粉丝点击