如何制作响应式布局网页，求具体的解决文字大小和样式改变的方法~

Answer 1

@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,只是基准字体大小不一样

Answer 2

字体用rem单位，样式可以用媒体查询

Answer 3

bootstracp里面有，可以用媒体查询