When a page is enlarged when viewed on phones?

Question

Having finished a small web page and provided it with a basic layout, I decided to check how it would look using a mobile browser. Therefore, I installed the Android SDK with an emulator, and as it turned out, a couple of elements on the page look very small. I would rate about 80% of the page currently blank by default. However, when I zoom in, it looks great because the ratio width:heightmatches the screen of the phone. However, I would prefer to leave the page unchanged, it just needs to be larger in general.

Is there a way to make my default page enlarged?

Answer 1

Try the following:

<meta name="viewport" content="width=device-width">

1:1, :

<meta name="viewport" content="initial-scale=1.0">