微信小程序3

1.样式文件

　　1.小程序中不需要主动来引入样式文件

　　2.px是写死的像素，不会变的，需要把页面中某些元素的单位由 px 变为 rpx

　　　　1.设计稿  750px

　　　　　　750px=750rpx     1px=1rpx

　　　　2.把屏幕宽度变为375px

　　　　　　375px=750rpx      1px=2rpx   1rpx=0.5px

　　3.存在一个设计稿  宽度不和750成比例或者未知，先用变量page代替

　　　　1.设计稿 page存在一个元素  宽度  100px

　　　　2.拿以上的需求 去实现不同宽度的页面适配

　　　　page px =750 rpx

　　　　1       px =750 rpx/page

　　　　100   px =750 rpx/page*100　　　　

　　　　假设page=375px  

　　4.利用一个属性  calc属性  wxss和css都支持的一个属性

　　　　1.750和rpx之间不要留空格

　　　　2.运算符的两边也不要留空格

　　　　　　以下代码的书写方式是错误的

　　　　　　width:  750 rpx*100/375　　;

 

2.样式导入

　　导入的代码段通过@import来实现，引入文件路径只支持相对路径

 

3.选择器

小程序不支持通配符*因此以下代码无效