①image-setjavascript
.cnt{html
background-image: url(../img/x.png);java
background: -webkit-image-set(web
url(../img/1x.png) 1x,url
url(../img/2x.png) 2X,orm
url(.../img/3X.png) 3X;htm
);圖片
}ip
② word-break: break-all; 單詞折斷換行utf-8
word-wrap: break-word; 整個單詞換行
③計算圖片加載時間
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>img-load</title>
</head>
<body>
<img src="https://www.baidu.com/img/bd_logo1.png">
<script type="text/javascript">
var measure_start = performance.now();
document.getElementsByTagName("img")[0].addEventListener("load", function(){
var measure_end = performance.now();
console.log("image load time:" + (measure_end - measure_start));
},false);
</script>
</body>
</html>
④scrollbar