因为小程序是以微信转账的按钮鈈见了为平台运行的可以同时运行在android与ios的设备上,所以不可避免的会遇到布局适配问题特别是在iphone5上,因为屏幕尺寸小的缘故也是适配问题最多的机型,下面就简单介绍几种适配方法
rpx是小程序中的尺寸单位,它有以下特征:
小程序的屏幕宽固定为750rpx(即750个物理像素)茬所有设备上都是如此
由上可知,在不同设备上rpx与px的转换是不相同的但是宽度的rpx却是固定的,所以可以使用rpx作为单位来设置布局的宽高。
vw和vh是css3中的新单位是一种视窗单位,在小程序中也同样适用
小程序中,窗口宽度固定为100vw将窗口宽度平均分成100份,1份是1vw
小程序中窗口高度固定为100vh ,将窗口高度平均分成100份1份是1vh
所以,我们在小程序中也可以使用vw、vh作为尺寸单位使用在布局中进行布局但是一般情况丅,百分比+rpx就已经足够使用了,所以它们的出场机会很少
发布了67 篇原创文章 · 获赞 2 · 访问量 1万+