css는rem와 미디어 조회를 통해 장치 화면 맞춤

/*    iphone6*/

html {
    font-size: 16px;
}
/*  iphone5*/
@media screen and (max-width: 320px){
    html {
        font-size: 13.65px !important;
    }
}
/*  iphone6plus*/
@media screen and (min-width: 376px) and (max-width: 414px){
    html {
        font-size: 17.66px !important;
    }
}
/*  ipad*/
@media screen and (min-width: 415px) and (max-width: 768px){
    html {
        font-size: 32.76px !important;
    }
}
/*  ipad pro*/
@media screen and (min-width: 769px) and (max-width: 1024px) {
    html{
        font-size: 43.69px !important;
    }
}