html - Site not responsive in some mobile phones -


we have one-page site, built responsively, , in phones appears responsive. however, in smart phones it's zoomed out. seems caused image in middle (4 grey boxes colored dots between them) being wider width of phone, , don't understand why.

this it's supposed (and in mobile browsers):

enter image description here

and way looks in mobile browsers (all zoomed out, image stretching site):

enter image description here

we of course used tag

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

what causing difference?

i think don't need scale, scale zooming, if use media screen can make site responsible on every mobile, if need site supported on every mobile can use (example):

<!--[if lt ie 9]> <- code supporting 

in example code give website support internet explorer 9

<!--[if lt ie 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif] --> 

things different brwosers support

those nice (example): @media screen , (max-width: 980px) {

tutorial


Comments

Popular posts from this blog

Magento/PHP - Get phones on all members in a customer group -

php - .htaccess mod_rewrite for dynamic url which has domain names -

Website Login Issue developed in magento -