화면 해상도에 따라 폰트 크기를 변화 시키고 싶을때 ??? 정보
화면 해상도에 따라 폰트 크기를 변화 시키고 싶을때 ???
본문
이미지는
<img style="width:100%;"
이렇게 처리하면 화면에 맞게 늘었다 줄었다 하는데
폰트도 혹시 스타일이나 다른 방법으로
11pt, 1em, 12px => 를 해 두고 화면 해상도에 맞게 변화 시킬 수 있나 해서요 ??
혹시 방법을 아시면 알려주시겠어요 ?
<img style="width:100%;"
이렇게 처리하면 화면에 맞게 늘었다 줄었다 하는데
폰트도 혹시 스타일이나 다른 방법으로
11pt, 1em, 12px => 를 해 두고 화면 해상도에 맞게 변화 시킬 수 있나 해서요 ??
혹시 방법을 아시면 알려주시겠어요 ?
댓글 전체
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%; }
}
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%; }
}
감사합니다.
감사합니다.