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

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


正常布局

唯独红米5plus布局乱了,


布局混乱

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

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

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

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


哈哈
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容