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):
and way looks in mobile browsers (all zoomed out, image stretching site):
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) {
Comments
Post a Comment