Question

我有这个样本：

代码HTML：

<img src="http://www.exn.ro/poze/pozeexn/412.jpg" srcset="http://www.pozewallpaper.com/images/Wallpapere/Peisaje/poze_peisaje_24.jpg 1000w, http://www.zgubilitic.ro/img/mar12/peisaje-superbe-24.jpg 2000w" >

基本上我想为不同的分辨率上传不同的图片。

我在下面制作了一个简单的方案，以便更清楚地了解他们想要什么

if(large resolution)
{
   loag pic1.jpg
}elseif(medium resolution)
{
   load pic2.jpg
}elseif (small resolution)
{
   load pic3.jpg
}

我希望像......一样...... 你认为你能做到吗？

提前致谢！

Answer 1

W3C正在考虑一些HTML代码的过期内容。其中一个是<picture>，它允许使用媒体查询来确定使用哪个图像。

＆＃13;

<picture>
    <source srcset="image-large.png" media="(min-width: 1000px)">
    <source srcset="image-medium.png" media="(min-width: 800px)">
    <img src="image-small.png" alt="image">
</picture>

＆＃13;

浏览器对此的支持是粗略的，但似乎与您想要做的一致。这可能现在不起作用，但正在考虑将来，我相信很多网站会使用这段很酷的代码一次/如果有的话

如何为分辨率上传不同的图像？

1 个答案: