Home/ Questions/Q 6808675
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T19:59:08+00:00

I have the HTML code below. I have set the body’s width to 640px

  • 0

I have the HTML code below. I have set the body’s width to 640px which is close to what the iPhone’s resolution is. However, when I view the webpage on either an iPhone or an Android, it shows up just like it would in my web browser – only taking up part of the screen. The text is so small it’s not usable.

What CSS code do I use so that the text stays normal in desktop browsers, but fills the screen on a mobile device? I read some things about using device-width properties but I can’t get those to work either. What am I doing wrong?

Note
I’m not trying to get the red border to stretch all the way across the screen (eg: body:width100%). I just don’t understand why the iPhone is not zooming into an area that is set to the same resolution it is supposed to have.

HTML Code:

<style>
    body{ width:640px; border: 1px solid red; }
</style>

</head>
<body>
Hello World
</body>
</html>

Actual Output:

actual1.jpg

Desired Output:

desired.jpg

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Put this in your head tag:

    <meta name="viewport" content="width=480">
    • 0