S
S
sllugovskih2015-08-04 23:01:03
PHP
sllugovskih, 2015-08-04 23:01:03

Why is layout on iphone and ipad going?

Hello, there is a site: flackbox.ru/axxtel/
On the ipad in landscape orientation, the main page is normally displayed, but in the portrait in normal orientation, the site goes. What could be the problem?
da7d5e71a28142ad80b9e280852c0849.PNG

Answer the question

In order to leave comments, you need to log in

2 answer(s)
S
sergey, 2015-08-04
@zorro76

it is interesting to see how media queries are written, especially for extensions less than 768px, for iPad and iPhone they are written like this:
iPad horizontal and vertical modes:
media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) ) { ...}
iPad mini:
media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {.. .}
in addition, the required parameter is not set in head:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

D
Denis, 2015-08-05
@prototype_denis

Because the "reshenia" class has a height of 500px.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question