为什么非视网膜mac加载2x版本的图片元素?

时间:2015-01-26 13:09:24

标签: javascript html macos retina-display picturefill

我使用picturefill 2.0和带有动态网址的图片元素。

<picture alt="<?php the_title(); ?>" title="<?php the_title(); ?>">
    <source srcset="<?php echo $tablet; ?>, <?php echo $tablet; ?> 2x" media="(max-width: 950px)">
    <source srcset="<?php echo $laptop; ?>, <?php echo $laptop; ?> 2x" media="(max-width: 1440px)">
    <img srcset="<?php echo $desktop; ?>, <?php echo $desktop; ?> 2x">
</picture>

如果我通过cookie检测到视网膜显示,我已经创建了两倍大小的图像。

如果没有检测到视网膜,则这些变量只是正常大小的图像。

我遇到的问题是非视网膜mac正在从图片元素加载<?php echo $desktop; ?> 2x图像。

如果我从图片元素图片中删除2x选项,请正常加载。

该图像不应仅由具有视网膜显示的设备加载吗?

1 个答案:

答案 0 :(得分:1)

根据您检测到的内容,不要输出与1x和2x相同的图像。您不需要检测任何东西。只需将1x图像输出为1x,将2x图像输出为2x。浏览器可以随意下载srcset中的任何图片。