首页 > 编程语言 >微信小程序3

微信小程序3

时间:2024-08-04 16:16:56浏览次数:7  
标签:750 微信 px 程序 rpx 100 375px page

1.样式文件

  1.小程序中不需要主动来引入样式文件

  2.px是写死的像素,不会变的,需要把页面中某些元素的单位由 px 变为 rpx

    1.设计稿  750px

      750px=750rpx     1px=1rpx

    2.把屏幕宽度变为375px

      375px=750rpx      1px=2rpx   1rpx=0.5px

  3.存在一个设计稿  宽度不和750成比例或者未知,先用变量page代替

    1.设计稿 page存在一个元素  宽度  100px

    2.拿以上的需求 去实现不同宽度的页面适配

    page px =750 rpx

    1       px =750 rpx/page

    100   px =750 rpx/page*100    

    假设page=375px  

  4.利用一个属性  calc属性  wxss和css都支持的一个属性

    1.750和rpx之间不要留空格

    2.运算符的两边也不要留空格

      以下代码的书写方式是错误的

      width:  750 rpx*100/375  ;

 

2.样式导入

  导入的代码段通过@import来实现,引入文件路径只支持相对路径

 

3.选择器

小程序不支持通配符*因此以下代码无效

 

 

 

 

 

 

 

标签:750,微信,px,程序,rpx,100,375px,page
From: https://www.cnblogs.com/19960924renpeng/p/12515081.html

相关文章