微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我可以使用图像宽度不准确的 srcset 吗?

如何解决我可以使用图像宽度不准确的 srcset 吗?

我有一个集中的功能生成图片标签

function getSrcAndSrcSet($img) {
        $src="/img/init/$img";
        $srcset="/img/low/$img 100w,/img/medium/$img 800w,/img/high/$img 1200w";
        return 'src="'.$src.'" srcset="'.$srcset.'"';
    }

不同大小的各种图像可能会被传递给函数,很可能它们的宽度都不是 100 像素、800 像素或 1200 像素。

  1. 宽度不准确是否重要,还是仅意味着图像的决定是基于该数字而不是实际图像大小?

  2. 有没有办法创建一个 srcset 来决定屏幕是否为特定大小(而不是特定图像将是特定大小)?对于 CSS 背景图像,我可以使用媒体查询,我可以在这里使用吗?我不认为我可以使用 sizes 属性,因为我不知道调用函数时具体的图像大小是多少。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。