您的位置：首页 > 其它

根据屏幕大小，加载不同大小的图片

2017-08-19 09:09 260 查看 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Document</title>
<script>
document.createElement( "picture" );
</script>
</head>
<body>
<picture>
<source srcset="pic1.png" media="(max-width: 600px)">
<source srcset="pic2.png" media="(max-width: 800px)">
<img srcset="pic3.png" alt="pic">
</picture>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航