MediaQuery for resizing font-size
@media screen and (min-width: 500px){
html{
font-size: 14px;
}
}
@media screen and (min-width: 570px){
html{
font-size: 15px;
}
}
@media screen and (min-width: 620px){
html{
font-size: 16px;
}
}
@media screen and (min-width: 680px){
html{
font-size: 17px;
}
}
@media screen and (min-width: 720px){
html{
font-size: 18px;
}
}
@media screen and (min-width: 800px){
html{
font-size: 19px;
}
}
@media screen and (min-width: 860px){
html{
font-size: 20px;
}
}
@media screen and (min-width: 920px){
html{
font-size: 21px;
}
}
@media screen and (min-width: 1000px){
html{
font-size: 22px;
}
}
'Front-end > CSS(SASS SCSS COMPASS)' 카테고리의 다른 글
| vmiddle 수직으로 가운데 정렬하기 (0) | 2016.02.19 |
|---|---|
| HTML element의 id(혹은 class)에 점(.)period 가 잇을때 css Selector 선택자 (0) | 2015.09.28 |
| MediaQuery for each device (0) | 2015.09.14 |
