How to make a responsive layout for mobile devices without excessive increase of the layout browsers?

Make an adaptive layout, but the phones fine-tune is not as we would like. For example galaxy s3 "gives" screen width 360px, 720px is really in. Because of this, the layout looks very big, some elements are not included on the screen. There are some options to make phones with a width of 720px screen to show the layout 720px shirna at the same time that he entered on the phone's screen, not 360 like it shows? If you need an example valvestudio.a1test.ru
September 26th 19 at 11:44
1 answer
September 26th 19 at 11:46
Solution
the viewport specified?
<meta name="viewport" content="width=device-width, maximum-scale=1, user-scalable=no">


why is specified a fixed size for boxFoot ?
Yes, is specified, you can look at the layout, does not allow to insert html in review - Dahlia16 commented on September 26th 19 at 11:49
then it's pixel-ration perhaps - Rhiannon_Langworth commented on September 26th 19 at 11:52
Pointed out the viewport at your option. At pixel-ratio, it seems that business in it. Is it possible to change ate to change the layout under it? - Dahlia16 commented on September 26th 19 at 11:55
Yes, it is possible to analyze a property window.devicePixelRatio and if it = 2 then rewrite the meta viewport like so
width=device-width, maximum-scale=1, initial-scale=.5, minimum-scale=.5, user-scalable=no - Rhiannon_Langworth commented on September 26th 19 at 11:58
Thank you, that's it. - Dahlia16 commented on September 26th 19 at 12:01

Find more questions by tags Adaptive designHTML