Der*_*rek 6 media mobile android resolution
我正在开发一个移动网站,我遇到了一个有趣的问题.
我正在我的桌面以及我的摩托罗拉Droid(Android 2.2)上进行测试.我设置了媒体查询以加载3种不同的样式表(320px宽,480px宽和640px宽).我注意到我的Droid正在加载320px样式表,尽管有480x854px的屏幕.我设置了一个小JS来找出屏幕宽度是多少,并报告320px.
Android浏览器是否在HDPI屏幕上的MDPI中运行？它正在适当地缩放320px以填满屏幕,但我有点困惑为什么会发生这种情况.
另外,我的页面上有<meta name ="viewport"content ="width = device-width">,所以这不是问题.
小智 5
尽管具有完全不同的分辨率,但许多OEM已经选择基于iPhone(或类似分辨率)设置其默认浏览器视口尺寸.苹果公司在iPhone 4上发布了"视网膜显示器"时出现了类似的问题,其中规格表显示640px,但屏幕宽度设置时将返回320px.
正如@omermuhammed所提到的那样,你的逻辑基于screen.width,CSS @media使用WURFL或DeviceAtlas查询和/或设备检测.
以下文章也可能有助于澄清问题:
@ppk http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html像素不是像素不是像素
| 归档时间： |
|
| 查看次数： |
2981 次 |
| 最近记录： |