小程序 wxss: 样式

https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxss.html?t=20161107

1rpx = 0.5px = 1物理像素  

实际上比例是随着元素尺寸大小变化的,越大换算比例就越小

2rpx = 0.5px      4

5rpx = 2.5px;     2.5

10rpx=4px;        2.5

20rpx=8px;        2.5

30rpx=12px;      2.5

40rpx=17px;      2.353

50rpx=21px;      2.381

60rpx=25px;      2.4

100rpx=42px;    2.381   

200rpx=85px;    2.353

300rpx=128px;  2.34375

建议：  开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

注意：  在较小的屏幕上不可避免的会有一些毛刺，请在开发时尽量避免这种情况。

样式导入

使用 @import 语句可以导入外联样式表， @import 后跟需要导入的外联样式表的相对路径，用 ; 表示语句结束。

注意： 只能引用外部公用的wxss文件 ：  @import "app.wxss";

/** app.wxss **/

@import   "common.wxss" ;

.middle-p {
  padding:15px;
}

• rem（root em）: 规定屏幕宽度为20rem；1rem = (750/20)rpx 。
• rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx=0.5px=1物理像素