微信小程序> 小程序的尺寸单位rpx和px

小程序的尺寸单位rpx和px

浏览量:4073 时间: 来源:Abudula__

rpx(responsive pixel)

是WXSS中引入的新的尺寸单位,可以适配不同的屏幕宽度,规定屏幕宽度为750rpx.

view style="width:200rpx;height:200rpx;background-color:#00ff00;margin-top:100rpx;margin-left:100rpx;"ic/viewview style="width:200px;height:200px;background-color:#00ff00;margin-top:100px;margin-left:100px;"ic/view

效果展示:

 

 

 

 

 

 

 

 

 

 

 

会明显的感觉到在两种手机模式下,用了px的正方形的位置有了明星的变化,这就是px相对于rpx的缺陷,

换算基准:

以375个物理像素为基准,即在一个宽度为375物理像素的屏幕下,1rpx=1px;

举个例子,在iphone6的屏幕下:

屏幕宽度为375px,共有750个物理像素   1rpx=375/750=0.5px;

一些常用设备的单位换算如下:

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎