html - 我如何获得在移动设备上显示正确图像的元素？

Question

这是我的html代码

<picture>
    <source
        media="(max-width: 980px)"
        src="/public/images/logo_small.png">
    <img src="/public/images/logo_resized.png">
</picture>

logo_small.png在移动设备上我无法加载图像。我在这里遗漏了一些明显的东西吗？

标签： htmlimagemobile

Answer 1

我相信它应该是最小宽度而不是最大宽度：

<picture>
    <source
        media="(min-width: 980px)"
        src="/public/images/logo_small.png">
    <img src="/public/images/logo_resized.png">
</picture>

试试看。