Как правильно отобразить сайт на iPad?

Question

[leha78]

Есть шаблон, при открытии на айпеде, начиная с тега показывается наполовину экрана, установка 100% не помогает. Как быть?

Comments

[archelon]

покажите шаблон для начала

Answer 1

[Кирилл Арутюнов]

Читайте про тег Viewport
А также про адаптивную верстку.

Answer 2

[westdp]

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />

На версии iOS9+ есть баг, для них нужно указывать :

if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
    document.querySelector('meta[name=viewport]')
        .setAttribute(
            'content',
            'initial-scale=1.001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no'
        );
}

Comments

[Maxim Litvinov]

что за баг и почему такой корявый номер? 1.001 ?

[westdp]

Maxim Litvinov гуглить умеете?
stackoverflow.com/questions/33618595/ios9-safari-v...

[Maxim Litvinov]

westdp: Гуглить умею, толкового короткого описания не нашёл, а длинные не читал. :-) Благодарствую.