0
点赞
收藏
分享

微信扫一扫

解决部分安卓手机(红米5plus)页面适配问题

月白色的大狒 2021-09-29 阅读 56
日记本

这几天做h5分享页安卓机测试时,遇到了一个问题,其他的安卓机上显示都是正常的布局,


唯独红米5plus布局乱了,


应该是这个手机机型没有兼顾到,使用@media没有包含在内。

就写了两句简单的代码:var w=window.screen.width; alert(w);

用红米5plus手机打开这个页面,就能看到弹出的屏幕宽度393px,真是一个独特的机型啊!!!

于是在less里的adaptor.less中添加了@media only screen and (width:393px) {}布局就完美了!!哈哈


举报

相关推荐

0 条评论