样式

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

小程序页面上用的样式是 wxss,意思是 weixin style sheets .. 它跟我们平时用的 css 差不多, 只不过做了一些扩展还有修改 ..

小程序有个主样式文件 .. 就是小程序根目录下的 app.wxss .. wxss 是小程序样式文件的扩展名 .. 在这个主样式文件里定义的样式,可以在小程序的所有页面上使用 ..

另外小程序的每个页面都可以有自己单独的样式文件 .. 一般这个样式文件的名字跟页面的名字是一样的 .. 在页面的样式文件里定义的样式只能用在它所属的页面上 .. 这些样式也会覆盖主样式文件里定义的样式 ..

小程序有个特别的尺寸单位 .. 叫 rpx ,表示 responsive pixel .. 响应式的像素 .. 使用这种单位的值会根据屏幕的宽度的变化而变化 ..

它规定了屏幕的宽度是 750rpx .. 比如 iPhone6 的屏幕宽度是 375px ,这样 rpx 在 iPhone6 这种设备上,1rpx 相当于 0.5px .. 这个值就是设备屏幕的宽度,也就是 375 ,除以 750 的结果 ..

1px 在 iphone 6 上,相当于 2rpx .. 因为用 750 除以,设备屏幕的宽度 375 ,正好等于 2 ..

在小程序的样式文件里,可以使用 @import .. 去导入其它的样式文件 .. 也就是你不用把所有的样式都放在同一个样式文件里,可以按需求分离成不同的样式文件 .. 然后再用 @import 导入这些样式文件就行了 ..

0:00
0:00
2:23
0:00
3:54
0:00
1:46

样式《 微信小程序:视图 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点