时间戳

首页 > 解决方案 > Srcset 问题 - 为什么我不能在浏览器中加载正确的图像？

srcset - Srcset 问题 - 为什么我不能在浏览器中加载正确的图像？

问题描述

<div class="row">
    <div class="col-sm-24">
        <a href="something">
            <img 
                class="img-responsive"
                alt="something" 
                src="/media/images/bizuteria/promocje-test/top-1024.jpg"
                srcset="/media/images/bizuteria/promocje-test/top-1024.jpg 1024w,
                        /media/images/bizuteria/promocje-test/top-768.jpg 768w,
                        /media/images/bizuteria/promocje-test/top-450.jpg 450w"
                sizes="(max-width: 767px) 450px,
                       (max-width: 1023px) 768px,
                       (max-width: 1283px) 1024px,"
            />
        </a>
    </div>
</div>

为什么这段代码总是加载更大的图像并缩小它以适应屏幕？我认为该代码是正确的，但不知何故它不起作用。当我缩小屏幕时，它以某种方式在 Safari 和 Firefox 上工作，但不想在 Chrome 或实际的移动设备上工作。那么我应该怎么做才能让它在 Chrome 和手机上运行呢？可能是导致问题的引导 img 响应类？

标签： srcset

解决方案

推荐阅读