Conceptos básicos del programa pequeño wxss
Uno, la diferencia entre wxss y css
Dos, explicación rpx
rpx (píxel de respuesta) es exclusivo de los applets de WeChat y se utiliza para resolver la unidad de tamaño para la adaptación de la pantalla. Con esto, no es necesario considerar el tamaño de la pantalla.
Principio:
rpx divide todas las pantallas del dispositivo en partes iguales de 750px, es decir, el ancho total de la pantalla actual es 750. Cuando el
subprograma rpx se ejecuta en la capa inferior, convertirá automáticamente la unidad de estilo rpx a la unidad de píxel correspondiente para renderizado, realizando así la adaptación de la pantalla.
Conversión de unidades de tres, rpx y px
En iphone6, 1px es igual a 2rpx
Cuatro, importación de estilo
wxss proporciona sintaxis de
sintaxis @import
@import "commo.wxss";
Importar el archivo commo.wxss
Cinco, estilo global
El archivo en app.wxss es el estilo global.
Se aplicará a todas las páginas.
Seis, estilo parcial
El estilo en el wxss de cada página es un estilo parcial, que solo se aplicará a la página actual.
Cuando el peso del estilo local es mayor o igual que el estilo global, se sobrescribirá el estilo global en conflicto.
Pero cuando el estilo global es más importante que el estilo local, el estilo global no será reemplazado por el estilo local en conflicto.