在HTML5中没有拾取不同的图像

时间:2014-10-10 14:36:12

标签: html html5

尝试在同一img标签中使用不同尺寸的图像时,仅拾取第一张图像。其余的图像不会在不同的显示尺寸设备上拾取。

以下是我正在尝试的代码。

<html>
    <body>
        <img src="image_1.jpg" sourceset="image_2.jpg 2x, image_3.jpg 6.5x" alt="Image">
    </body>
</html>

2 个答案:

答案 0 :(得分:1)

语法错误。

将属性名称sourceset更改为srcset

答案 1 :(得分:1)

好像你拼错了srcset。请尝试如下:

<html>
<body>
<img src="image_1.jpg" srcset="image_2.jpg 2x, image_3.jpg 6.5x" alt="Image">
</body>
</html>