为什么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在缩放页面尺寸的时候,图片加载会产生变化,如图:
00
相似问题