这几天做h5分享页安卓机测试时,遇到了一个问题,其他的安卓机上显示都是正常的布局,
唯独红米5plus布局乱了,
应该是这个手机机型没有兼顾到,使用@media没有包含在内。
就写了两句简单的代码:var w=window.screen.width; alert(w);
用红米5plus手机打开这个页面,就能看到弹出的屏幕宽度393px,真是一个独特的机型啊!!!
于是在less里的adaptor.less中添加了@media only screen and (width:393px) {}布局就完美了!!哈哈