您的位置:首页 > 移动开发

rem+媒体查询---移动端 设计稿以375

2017-09-26 16:58 519 查看
@media screen and (max-width: 319px) {
html {
font-size: 85.33333px
}
}

@media screen and (min-width: 320px) and (max-width: 359px) {
html {
font-size: 85.33333px
}
}

@media screen and (min-width: 360px) and (max-width: 374px) {
html {
font-size: 96px
}
}

@media screen and (min-width: 375px) and (max-width: 383px) {
html {
font-size: 100px
}
}

@media screen and (min-width: 384px) and (max-width: 399px) {
html {
font-size: 102.4px
}
}

@media screen and (min-width: 400px) and (max-width: 411px) {
html {
font-size: 106.66667px
}
}

@media screen and (min-width: 412px) and (max-width: 413px) {
html {
font-size: 109.86667px
}
}

@media screen and (min-width: 414px) {
html {
font-size: 110.4px
}
}

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: