初学者微信小程序开发案例-微信小程序开发框架——WXSS（一）-微信小程序案例-即速应用

初学者微信小程序开发案例-微信小程序开发框架——WXSS（一）-微信小程序案例

浏览量：1821 时间：2020-03-20 来源：iheyu

1.WXSS语言决定了小程序页面的各个元素在视觉上的展示，WXSS与CSS即为相试的、为了适合微信小程序开发WXSS对CSS进行相应的修改。
2.width:用来设置元素'宽度'/height:用来设置元素'高度'/position:用来设置元素'定位方式'/color:用来设置元素'文本的颜色'border:用来设置元素'边框样式'！
3.如图：
4.WXSS语言在CSS基础上做了哪些补充：1.尺寸单位rpx，rpx是响应式的像素。2.样式导入3.内联样式4.选择器，如图：
5.
6.1、设备像素：设备能控制的显示的最小物理单位，物理单位是显示器国定的一个一个的点，点是固定不变的！
7.2、CSS像素：他指的是外部编程的一个概念，CSS样式代码中所使用的逻辑像素。
8.3、PPI/DPI:表示每英寸所拥有的像素、素目，素值越高就代表显示器，能以越高的密度去显示图像，如图：
9.4、DPR:指的是手机的某一方向上、设备像素和CSS像素之比。如图：
10.
11.在开发者工具一栏上方，在切换不同的设备时、每个设备后面都有DPR的标示。