Rendering webpage content Issues on iPod

I just clone my website to mobile version. I tested it my iPod device (iOS 5.1). A problem occured when the webpage render on safari and some content were missed, safari’s scollbar hidden, and can not scroll webpage. But if i change device orientation then after that I can see missing content and scroll page normally.

Did you see this issues before ? Please help me fix it. Thanks

Hi vntrace. Welcome to the forums. :slight_smile:

Can you provide a link to this? It sounds like the layout is too wide for the device, but there are ways around that. We need to look, though.

Sorry ralph, this is my private sites ;). But I don’t understand why when I change device orientation after that it work normally.
Waiting for other replies. Thanks again !

What is the width of your container/wrapper?

I use full width for my container/wrapper on my device.

So width: 100%? You could PM me the link if you like.

One other thing you might try is to place this in the <head> of your document:

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

This is my meta tag content


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

The problem with

maximum-scale=1.0, user-scalable=no"

is that you can’t zoom in if you want to, which isn’t much use if everything is really small; and it’s probably why you can’t see what’s off screen in portrait mode.

As I said, if this is online somewhere you could send a link via PM. Otherwise, we are shooting in the dark here.