Home/ Questions/Q 8726853
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T08:19:49+00:00

This is my first time building a responsive site, and as I tailor the

  • 0

This is my first time building a responsive site, and as I tailor the CSS for the iPhone I’m running into a problem. The styles all apply correctly, the text changes size and the wrapper changes widths. The problem is the iPhone browser still opens up at a huge width, see the screenshot:

enter image description here

I’m using

@media all and (max-device-width: 480px) {}

to set the specific iPhone css. body {width:;} doesn’t work.

Thanks for the help 🙂

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have to add the following to your page header

    <meta name="viewport" content="initial-scale=1.0, width=device-width" />

    As in:

    <!doctype html>
<html>
	<head>
		<title></title>
		<meta name="viewport" content="initial-scale=1.0, width=device-width" />
	</head>
	<body>
	</body>
</html>
    • 0