首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >一般来说,来自不同浏览器(Android)的不同媒体查询断点应该是什么呢?

一般来说,来自不同浏览器(Android)的不同媒体查询断点应该是什么呢?
EN

Stack Overflow用户
提问于 2015-07-29 17:48:46
回答 2查看 293关注 0票数 2

我在华为的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对所有六种浏览器的报告)

EN

回答 2

Stack Overflow用户

发布于 2015-08-09 12:05:03

下面的代码修复了这个问题吗?

代码语言:javascript
复制
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
票数 0
EN

Stack Overflow用户

发布于 2015-08-10 02:48:37

我在测试页面中有这段代码,但没有帮助。另外,我还进行了几次测试,很明显,设备宽度是不可预测的。谢谢你的回答。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/31707623

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档