index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">

	<link rel="stylesheet" type="text/css" href="scss/test.css">
</head>
<body>
<p>크롬에서 F12 누르고 Ctrl+Shift+M <br>
(레티나용 이미지는 이미지위에 글씨보임)</p>

<p>레티나</p>
<div>
	<div class="icon icon-sprite1"></div>
</div>

<div>
	<div class="bullet bullet-sprite1"></div>
	<div class="bullet bullet-sprite2"></div>
</div>

<p>이미지스케일 + 레티나</p>
<div>
	<div class="emo-a01-r60"></div>
	<div class="emo-a02-r60"></div>
	<div class="emo-a03-r60"></div>
</div>
<div>
	<div class="emo-a01-r80"></div>
	<div class="emo-a02-r80"></div>
	<div class="emo-a03-r80"></div>
</div>
<div>
	<div class="emo-a01-r100"></div>
	<div class="emo-a02-r100"></div>
	<div class="emo-a03-r100"></div>
</div>
</body>
</html>