微信小程序的学习(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
- 微信小程序的学习(4)-视图层WXSS
- 微信小程序的学习(3)-视图层WXML
- 微信小程序框架wxss(一)wxss概述
- 微信小程序 WeUi.wxss
- 微信小程序wxss文件属性
- 微信小程序,学习笔记(二)样式(WXSS)及一个简单的小测试用例
- 小程序四:视图之WXSS
- 微信小程序学习笔记(5)--------框架之视图层
- 微信小程序,学习笔记(一)框架,视图层
- 微信小程序,学习笔记(一)框架,视图层
- 微信小程序 - app.wxss文件
- 1.3.2微信小程序 WXSS
- 微信小程序wxss加载动画
- 微信小程序wxss设置样式
- 微信小程序 -- 视图层的用法
- 微信小程序开发之——weui-wxss的使用
- 微信小程序如何通过js操作wxmll的wxss属性
- 微信小程序-订单评价交互样式(WXML&WXSS&JS)
- 那些年走过的坑——python的win64和win32
- Maven创建web项目例子
- 欢迎使用CSDN-markdown编辑器
- 多人在线协作R开发RStudio Server
- 数据库之数据排序
- 微信小程序的学习(4)-视图层WXSS
- SecureCRT 设置 鼠标右键
- Preparing Olympiad CodeForces - 550B
- Android的动画简单学习
- ViewPager+PagerAdapter的使用
- spring mvc 静态资源处理遇到的问题
- 15个实用的JavaScript片段
- c++调用python(复杂版)
- eclipse生成junit