iphone CSS width adjustment problem

I have this page for phones which plays music

When i open it in iphone it doesnt readjust the width to properly.

What i want is only the player to be prominently visible and other background only after displaying the player.

Curre开发者_运维知识库ntly if i readust my browser windows it adjusts properly.

Why is it not fiting into the iphone and appearin like this image

---

@footy; Write

<meta name="viewport" content="user-scalable=no, width=device-width" />

inside your head tag. Which check the viewport of the device screen and adjust according to it.

Check the link for more