<!-- 视网膜屏(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>