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

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里面有，可以用媒体查询