RPX和样式导入和局部样式_h5 rpx

作者：笔触狂放9 | 2024-02-19 03:42:57

踩

h5 rpx

rpx（responsive pixel）是微信小程序独有的，用来解决屏幕适配的尺寸单位。

rpx实现原理。鉴于不同设备屏幕的大小不同，为了实现屏幕的自动适配，rpx把所有设备的屏幕，在宽度上等分为750份（即：当前屏幕的总宽度为750rpx），ipone6上面的换算单位1rpx=0.5px

样式导入。

@import语法，可以导入外联的样式表

在需要导入的页面的wxss里加入@import "common.wxss";

局部样式

在页面.wxss文件中定义的样式为局部样式，只作用于当前页面。

注意：1.当局部样式和全局样式冲突时，根据就近原则，局部样式会覆盖全局样式。

2.当局部样式的权重大于或等于全局样式的权重时，才会覆盖全局的样式。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/112416