我在媒体查询和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>
以上代码在评论后更新。
请告知