如何更改浏览器默认字体大小

Question

再做移动端开发时发现字体大小比较小；但是怎么设置都没有效果；请问怎么更改默认字体大小

Answer 1

注意这几个问题：
1、

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

2、

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {font-size: 12px;}

Answer 2

html设定一个字体大小 其他字体使用rem怎么样

Answer 3

1、在你的html文件里面加上<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
2、css文件设置body{font-size:16px;}

Answer 4

加 important试试

html {
    font-size : 20px;
}
@media only screen and (min-width: 401px){
    html {
        font-size: 25px !important;
    }
}
@media only screen and (min-width: 428px){
    html {
        font-size: 26.75px !important;
    }
}
@media only screen and (min-width: 481px){
    html {
        font-size: 30px !important; 
    }
}
@media only screen and (min-width: 569px){
    html {
        font-size: 35px !important; 
    }
}
@media only screen and (min-width: 641px){
    html {
        font-size: 40px !important; 
    }
}