微信小程序> 微信小程序横屏字体变大的完美解决方案-微信小程序字体百分比-微信小程序用什么字体

微信小程序横屏字体变大的完美解决方案-微信小程序字体百分比-微信小程序用什么字体

浏览量:3114 时间: 来源:盛国强
微信小程序设置横屏之后原本的rpx单位就不再适用。1.

rpx:屏幕宽度是固定的750rpx,也就是说:5rpx5/750*屏幕宽度,竖屏切换成横屏,屏幕宽度就会变大,5rpx也会随即变大。字体也就变大了。

有人说用px解决,没错,的确可以,但不同尺寸,不同分辨率的手机,屏幕的像素也不一样,这就会导致控件的大小在不同手机上的展示会有差异。那怎么完美解决呢???了解一下CSS3的单位vmax,vmin2.

vmax相对于视口的宽度或高度中较大的那个。其中最大的那个被均分为100单位的vmaxvmin相对于视口的宽度或高度中较小的那个。其中最小的那个被均分为100单位的vmin

这样来看vmax,vmin也是百分比单位,这里我们使用vmin就能锁定屏幕的短边了!3.

只要把rpx换算成vmin就能完美解决字体变大的问题!

rpx与vmin的换算关系:5rpx等价calc(5vmin*100/750)简单写5rpx等价calc(5vmin/7.5)4.

将你的rpx都替换按上面套就成了。

5.

拿走请扣6666666

版权声明

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

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

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