【问题标题】:iPad 3 loading smartphone images [duplicate]iPad 3加载智能手机图像[重复]
【发布时间】:2013-04-14 11:21:15
【问题描述】:

我正在使用以下媒体查询为智能手机加载视网膜图像,但 iPad 3 也在加载这些图像,尽管 max-width 属性设置为 480px

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 480px) {

不过,iPad 2 还不错。

有谁知道我可以如何修改声明以便 iPad 3 忽略它?

【问题讨论】:

    标签: html css ipad


    【解决方案1】:

    试试 -webkit-min-device-pixel-ratio: 2 检查这个Retina iPad Specific CSS

    【讨论】:

    • 谢谢,但我设法用@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 480px), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) and (max-width: 480px)修复了它
    • 这就是我的建议:p 关于像素比 2 适用于 ipad 3
    猜你喜欢
    • 2012-05-10
    • 1970-01-01
    • 2023-03-28
    • 2013-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-09
    相关资源
    最近更新 更多