Noah Quanrud

view-on-phone (thiswebsite)

Blog

Making it Look Better on a Phone

1. Reason

My brother warned me of the potential problem of the appearance of the site when being displayed on a phone. He was right, after viewing the site on my phone, I realized that I ignored the fact that not every display is the same between phones, computers, and laptops. My brother then told me that he encountered the problem and sent me the code he used to fix it.

2. Solution to Make it View Better on a Phone

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Code to help phone view.

I added the code above to the head of the html. The code worked perfectly and now this site (as well as the other sites I'm working on) no longer faces a problem when being viewed on phones.