How to change browser default font size - Stack Overflow

Question

When I was doing mobile development, I found that the font size was relatively small; but no matter how I set it, it had no effect; how can I change the default font size?

Answer 1

Pay attention to these questions:
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, p, 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

Set a font size for html. How about using rem for other fonts

Answer 3

1. Add <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
2. CSS file settings in your html file body{font-size:16px;}