October 30th, 2020

HTML : Font Size on Mobile

On mobile the website was really small. To fix the issue, I added the following to the head tag: <meta name="viewport" content="width=device-width, initial-scale=1">

A mobile browser will naturally attempt to zoom out to display your entire web page like a desktop browser. The viewport meta tag scales your page to the device width.

Some solutions I found online suggessted changes in the css. When I tried those solutions, I could not get the results I wanted.