Search code examples
androidhtmlcssskin

Android width:100% fix (website takeover issue)


I'm making a website skin / takeover.

It looks good on all browsers except android, where the skin image css parameter (width: 100%) is seen as the screen width not as at least the website's width. So it doesn't wrap the website but stops at the device's screen width. Please see yourself, I cannot explain very good. What can I do?

The first image is the website loaded on galaxy S3 and the second image is the website a little scrolled to see the right side. Please edit my question if you have better words.

This is the temporary link until I will move it to the client: http://csengrosseto.digitalprimes.com

first view scrolled view


Solution

  • <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>  
    

    This is the version that also controls the zoom.