我在华为的Ascend 330/Android4.2中使用了六种不同的浏览器,测试了媒体查询,并得到了mqtest.io报告的三种不同的设备宽度结果。
对于每个浏览器,我用css测试了我自己的html页面上的实际断点,比如:@media only screen and (max-device-width: 320px) --并且通过改变像素值,直到形成变化出现。所有六种情况下的设备宽度都与mqtest.io为该设备报告的情况一致.
显然,问题在于浏览器不一致,无法控制设计。这是局部问题吗?还是使用@media时的一般问题?
结果根据mqtest.io和网页测试
海豚和Android默认浏览器 器件宽度:480 设备高度:800 Opera和Google Chrome 器件宽度:320 设备高度:534 Firefox和Firefox Beta 器件宽度:320 设备高度:533 屏幕: 480x800 像素比: 1.5 (如mqtest.io对所有六种浏览器的报告)
发布于 2015-08-09 12:05:03
下面的代码修复了这个问题吗?
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />发布于 2015-08-10 02:48:37
我在测试页面中有这段代码,但没有帮助。另外,我还进行了几次测试,很明显,设备宽度是不可预测的。谢谢你的回答。
https://stackoverflow.com/questions/31707623
复制相似问题