这几天做h5分享页安卓机测试时，遇到了一个问题，其他的安卓机上显示都是正常的布局，
正常布局
唯独红米5plus布局乱了，
布局混乱
应该是这个手机机型没有兼顾到，使用@media没有包含在内。
就写了两句简单的代码：var w=window.screen.width; alert(w);
用红米5plus手机打开这个页面，就能看到弹出的屏幕宽度393px，真是一个独特的机型啊！！！
于是在less里的adaptor.less中添加了@media only screen and (width:393px) {}布局就完美了！！哈哈
哈哈
这几天做h5分享页安卓机测试时，遇到了一个问题，其他的安卓机上显示都是正常的布局， 唯独红米5plus布局乱了， ...
问题： MAKA页面转成h5，表单页在安卓和ios上出现的兼容性问题（ios和安卓手机软键盘收起，页面被顶上去） 解决：
问题一、Android手机的常用设计尺寸有_________.怎么适配ios和安卓。 答案：安卓320 X 480...
处理安卓手机点击input导致页面缩放问题
安卓的键盘唤起会改变页面的高度，ios的键盘唤起不会改变页面的高度 为了解决安卓手机改变页面的高度想了很多的办法，...
web 前端页面适配, rem 解决方案,以及解决部分 Android 手机(例如华为) 通过 rem 计算的宽度...
问题： 起初，按照祖传的适配方案设置页面html的大小，在所有的浏览器中都没有适配问题，但是放到APP内，在安卓手...
遇到问题，部分手机安卓部分手机后台打开开屏页，然后再跳到之前页面。 1.出现原因 应用A 通过包名启动应用B,此时...
最近正在考虑给老妈换手机，小米又推出了千元全面屏系类之红米5和红米5plus手机，正巧那时公司附近的小米之家西直门...
1. 解析查询字符串 方法一： 方法二： 2. 解决安卓手机 键盘出来覆盖页面（页面没有上移）
本文标题：解决部分安卓手机（红米5plus）页面适配问题
本文链接：https://www.haomeiwen.com/subject/slbgsftx.html
网友评论