One line to make a site mobile friendly
The line to make the page responsive to screen size is
<meta name="viewport" content="width=device-width, initial-scale=1"/>
The reason being mobile browsers pretend to be desktop browsers for historical reasons. The above line tells mobile browsers not to pretend.