메뉴 건너뛰기

HEUKMYO

Mobile

font 해상도에 따른 폰트 사이즈

2013.09.02 14:04 read.1058

css에서 아래와 같은 형식으로 하시면 될껍니다.

http://stackoverflow.com/questions/11012724/change-font-size-depending-on-resolution


html { font-size: 62.5%; }
body { font-size: 1em;}

@media (max-width: 300px) {
html { font-size: 70%; }
}

@media (min-width: 500px) {
html { font-size: 80%; }
}

@media (min-width: 700px) {
html { font-size: 120%; }
}

@media (min-width: 1200px) {
html { font-size: 200%; }
}

위로