There is an experience of creating html using css , but I do the adaptive design for the first time. The problem is this, when opened on the phone, it corresponds to the design, but everything is very small.
It looks like on the computer:
It should look like this on the phone:
And it actually looks like this:
Archive with html and css: http://goo.gl/6YcdC
This is due to differences in the resolution of the desktop monitor and handheld devices.
As correctly noted by Comrade. @Crasher , you need to operate with the viewport meta-parameter. Only the prohibition of scaling has nothing to do with it. It was such sv-in target-densitydpi , but it was cut out. You need to specify width=device-width and experiment with initial-scale=...
<meta name="viewport" content="width=device-width, initial-scale=1" /> It once helped me.
max-height: 999999px for the problematic elements (the value is not important, the presence of the Holy Island is important). I generally prescribe this hack at the very beginning of the css file: * { max-height: 999999px; } * { max-height: 999999px; } - Bars <meta name="viewport" id="meta-viewport" content="user-scalable=no"/> or
<meta name="viewport" id="meta-viewport" content="width=480px,user-scalable=no"/> 
Source: https://ru.stackoverflow.com/questions/229285/
All Articles