媒体查询图像html5 firefox chrome

时间:2015-02-13 17:47:49

标签: css html5 google-chrome firefox media-queries

我在媒体查询和HTML5方面遇到2个问题。

<body>文件的html部分中的以下代码位于div中,其ID名称为social_networks

问题

1)delicious_old.jpg不会在屏幕宽度高达375px的设备上显示。

在LG L20上使用Chrome 36.0.1985.135进行测试。

2)delicious.jpg不会在屏幕宽度为375px到2560px的设备上显示。

在Ubuntu 14.01 - 15英寸显示器中使用Firefox进行测试。

我搜索了SO和谷歌并阅读了大量文章和问题,但没有找到解决它们的问题。

代码

<figure>
    <!-- low-res, default -->
    <source src="/resources/delicious_old.jpg" media="(min-device-width: 0px) and (max-device-width: 375px)">

    <!-- medium-res -->
    <source src="/resources/delicious.jpg" media="(min-device-width: 375px) and (max-device-width: 2560px)">

    <!-- Fallback content -->
    <!--<a href="<long web page>"><img src="/resources/delicious.jpg" alt="Add to Delicious"></a>-->
</figure>

以上代码在评论后更新。

请告知

0 个答案:

没有答案