I do adaptive layout, but phones set it up completely differently, as we would like.For example, galaxy s3"gives" a screen width of 360px, instead of actually at 720px.Because of this, the layout looks very large, some elements are not included on the screen.Are there any options to force the phone with a screen width of 720px to show the layout of a 720px wide while it would enter the phone screen, and not 360, as it shows? If you need an example valvestudio.a1test.ru
  • Roughly speaking on the iPhone 4 page looks like this: i.imgur.com/JETbQnn.jpg
    The font is too large not included because of the adjustment for 320px

    And I would like to look something like this:
    i.imgur .com/DSViIIT.jpg
    With adjustment for the actual resolution of the phone
    – The43 Jul 25 '14 at 13:47

1 Answers 1

is the viewport specified?
<meta name="viewport" content="width=device-width, maximum-scale=1, user scalable=no">


Why are fixed sizes for boxFoot specified?
  • Yes, it is specified, you can look at the layout, does not allow to insert html in the comment – The43 Jul 25 '14 at 13:32
  • then the point is in pixel-ration probably – The Infernal Jul 25 '14 at 13:40
  • Specified viewport by your option. By pixel-ratio, it seems that the matter is in it. Is it possible to somehow change if we change the layout for it? – The43 Jul 25 '14 at 13:52
  • Yes, you can analyze the window.devicePixelRatio property and if it=2, then rewrite the viewport meta for example like this: width, device width, maximum-scale=1, initial-scale=.5, minimum-scale=.5, user -scalable=no – The Infernal Jul 25 '14 at 14:23
  • Thanks, that is necessary. – The43 Jul 25 '14 at 14:47