<!-- 视网膜屏(retina屏)：是指屏幕的物理像素密度更高的屏，有两倍屏和三倍屏，会导致原来在pc端显示的图片在移动端变模糊,解决方法是一开始就准备大一倍的图，然后用样式将其压小一倍-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.shipei{
300px;
height: 300px;
}
/* 一倍图尺寸：300*300 二倍图原尺寸：600*600 */
</style>
</head>
<body>
<img src="一倍图.jpg" alt="一倍图" >
<img src="2倍图.jpg" alt="二倍图" class="shipei">
</body>
</html>