카테고리 없음

기기의 픽셀 크기에 따른 구분법

수현냐옹 2014. 8. 9. 21:50

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
<meta charset="UTF-8">
 
<meta name="viewport" content="width=device-with, initial-scale=1, 
minimum-scale=1, maximum-scale=1, user-scalable=no">
<style>
@media all and (min-width:320px) {
    body {
    background: #e65d5d;}
}
@media all and (min-width:768px) {
    body {
    background: #2dcc70;}
}
 
@media all and (min-width:960px) {
    body {
    background: #6fc0d1;}
}
 
</style>
<title>meta tag</title>
</head>
<body>
<img src="http://static.naver.net/sports/common/snb/ci_naver.gif">
</body>
</html>