微信小程序开发框架——WXSS（一）

来源：iheyu 发布时间：2018-11-01 15:24:50 阅读量：1400

WXSS语言决定了小程序页面的各个元素在视觉上的展示，WXSS与CSS即为相试的、为了适合微信小程序开发WXSS对CSS进行相应的修改。

width:用来设置元素'宽度' / height:用来设置元素'高度 '/ position:用来设置元素'定位方式' / color:用来设置元素'文本的颜色' border:用来设置元素'边框样式'！

如图：

WXSS语言在CSS基础上做了哪些补充：1.尺寸单位rpx，rpx是响应式的像素。2.样式导入 3.内联样式 4.选择器，如图：

1、设备像素：设备能控制的显示的最小物理单位，物理单位是显示器国定的一个一个的点，点是固定不变的！

2、CSS像素：他指的是外部编程的一个概念，CSS样式代码中所使用的逻辑像素。

3、PPI/DPI:表示每英寸所拥有的像素、素目，素值越高就代表显示器，能以越高的密度去显示图像，如图：

4、DPR:指的是手机的某一方向上、设备像素和CSS像素之比。如图：

在开发者工具一栏上方，在切换不同的设备时、每个设备后面都有DPR的标示。

---------------------

作者：iheyu

来源：CSDN

原文：https://blog.csdn.net/iheyu/article/details/83549812

标签：小程序

评论：

你还没有登录，请先