如何制作响应式布局网页，求具体的解决文字大小和样式改变的方法~
|
如何制作响应式布局网页，求具体的解决文字大小和样式改变的方法~ |
免责声明：本内容仅代表回答会员见解不代表天盟观点，请谨慎对待。
版权声明：作者保留权利，不代表天盟立场。
|
|
|
|
|
|
|
|
@media screen and (min-width:320px) {
html{ font-size:16px;}
}
@media screen and (min-width:360px) {
html{ font-size:18px;}
}
@media screen and (min-width:375px) {
html{ font-size:18.75px;}
}
@media screen and (min-width:390px) {
html{ font-size:19.6px;}
}
@media screen and (min-width:400px) {
html{ font-size:20px;}
}
@media screen and (min-width:440px) {
html{ font-size:22px;}
}
@media screen and (min-width:480px) {
html{ font-size:24px;}
}
@media screen and (min-width:640px) {
html{ font-size:32px;}
}
@media screen and (min-width:720px) {
html{ font-size:36px;}
}
以iphone4的大小开发320px,font-size:16px;,以1rem=16px计算，320px宽的屏扑满需要20rem,屏幕大小不同，但是铺满屏宽都是20rem,只是基准字体大小不一样 |
|
|
|
|
|
|
|
|
天盟APP下载
