为什么srcset设置了,但是在缩放页面的时候不会更改,总是默认显示src设置的图片

来源:6-5 如何实现响应式图片-概述2(srcset 方法)

慕粉3393950

2018-03-23

<!doctype html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <style>
       *{
           margin:0;
           padding:0;
       }
       html,body{
           width: 100%;
           height: 100%;
       }
       .box{
           width: 100%;
           margin:0 auto;
       }
       img{
           display: block;
           width: 100%;
           max-width: 100%;
       }
   </style>
</head>
<body>
<div class="box">
   <img src="400.jpg" alt="" srcset="400.jpg 400w,800.jpg 800w,1200.jpg 1200w"/>
</div>
</body>
</html>

写回答

1回答

姜维

2018-03-30

我看代码应该没啥问题,你用的什么浏览器?

我这里Chrome在缩放页面尺寸的时候,图片加载会产生变化,如图:

//img.mukewang.com/szimg/5abda7aa000158b105680255.jpg

0
0

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

查看课程