Hello, friends! Faced a simple question, but I do not understand how it is easiest to solve. It would be desirable, that on mobile devices the full version of a site, but not curve "adaptive", adapting to screen width is displayed. Is it possible only in tabular layout can be done? How to do it in block layout?

  • one
    No, coldly fix all the content and remove everything + or don't add <meta name = "viewport" content = "width = device-width, initial-scale = 1" /> and everything will turn out - Lieutenant Jim Dangle
  • is not a fact! just if you fix everything, as you say, set a fixed 1000px, then on the ipad the landscape seems to be all gut, but on the ipad portrait the right 232px wide piece will go beyond the screen, the blondes will start to turn the ipad in search of the cut part) )). On an iPhone, everything will be even sadder ... At least, not just a fix is ​​needed, and the width is 100% - Sergey V.
  • tires will not work at all, we need exact values ​​like px, I would also use the grid960 as a normal thing as an option, only without adapting it will scale and everything will be nice - Lieutenant Jim Dangle

2 answers 2

Correct programming of an adaptive site should in no case have an “ adaptive curve ”. Apply viewport: <meta name="viewport" content="width=device-width, initial-scale=1" /> . Apply the “rubber / liquid” layout for the styles. Mark up styles not statics, for example in pixels or em, but in percentages, but only where necessary. For example: width: 80%. If you still need a static value, then use em instead of px - the converter . Google Info for Developers + Google official blog

     min-width: 1200px; /*здесь ширину основной части*/