Горизонтальное отображение сайта в айпад

[okunev2]

Столкнуля с проблемой, при вертикальном просомтре сайта в Ipad он помещается полностью без прокрутки, а вот при горизонтальном нет. Рабочее разрешение макета сайта 973 на 970. А вот у ipad другое разрешение. Как сжать можно сайт под айпад, т.е. чтоыб он не тоьок при вертикальном просмотре полностью помешался но и при горизонтальном без промотки, есть какой-то костыль или инструмент? Делать скейл макета сайта на 10% не вариант

 

Вот пациент архив

[Veseloff]

А давайте вы не архив выложите, а сайт покажете нормально, на хостинге, по-взрослому. А то мне, например, лень качать-устанавливать, а просто зайти и посмотреть — не лень.

[Z1gnet]

ну какой инструмент? делайте респонсив. или вам нужна кнопка которая все пофиксит?)

[okunev2]

ну какой инструмент? делайте респонсив. или вам нужна кнопка которая все пофиксит?)

 

Про респонсив я в курсе. Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

[okunev2]

А давайте вы не архив выложите, а сайт покажете нормально, на хостинге, по-взрослому. А то мне, например, лень качать-устанавливать, а просто зайти и посмотреть — не лень.

 

http://makket.500mb.net/index.html

[Z1gnet]

Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

чето я не совсем понял формулировку... если вы про то верстаю ли под вертикальный просмотр айпада - то верстают. и под телефоны поже верстаю что бы не было горизонтального скролла

[antonKar]

есть какой-то костыль или инструмент

Есть: медиа-запросы с указанием высоты.

 

 

 

Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

Потому что на фиг оно нужно. Я понимаю если у нас какой-то промосайт, который должен умещаться полностью в экране браузера (но понятно что минимальная высота должна быть какая-то всё равно), в иных случаях это имитация бурной вёрстки.

 

В данном случае у вас не понимаю зачем верстать под высоту, у вас всегда что ли весь контент на экране будет?

Edited January 27, 2015 by antonKar

[Great Rash]

А вы залочьте просто отображение на вертикальное Чтоб горизонтально не поворачивалось.

[okunev2]

А вы залочьте просто отображение на вертикальное Чтоб горизонтально не поворачивалось.

 

Не катит

 

есть какой-то костыль или инструмент

Есть: медиа-запросы с указанием высоты.

 

 

 

Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

Потому что на фиг оно нужно. Я понимаю если у нас какой-то промосайт, который должен умещаться полностью в экране браузера (но понятно что минимальная высота должна быть какая-то всё равно), в иных случаях это имитация бурной вёрстки.

 

В данном случае у вас не понимаю зачем верстать под высоту, у вас всегда что ли весь контент на экране будет?

 

 

Контент всегда будет на экране

[okunev2]

 

есть какой-то костыль или инструмент

Есть: медиа-запросы с указанием высоты.

 

 

 

Вот по высоте для горизонтали ipad не видел чтоб кто-то верстал. Или поправьте меня, я не прав.

Потому что на фиг оно нужно. Я понимаю если у нас какой-то промосайт, который должен умещаться полностью в экране браузера (но понятно что минимальная высота должна быть какая-то всё равно), в иных случаях это имитация бурной вёрстки.

 

В данном случае у вас не понимаю зачем верстать под высоту, у вас всегда что ли весь контент на экране будет?

 

 

 

И как через "Есть: медиа-запросы с указанием высоты." Это вылечить?

А вы залочьте просто отображение на вертикальное Чтоб горизонтально не поворачивалось.

 

как?

[antonKar]

И как через "Есть: медиа-запросы с указанием высоты." Это вылечить?

 

 @media screen and (max-height: 768px) {

/*и поехали*/
}

 

Либо через JS определяйте, что у вас ipad (только у нас как бы и иные планшеты есть), определяйте у него горизонтальную ориентацию и применяйте transform к body.

[Great Rash]

А вы залочьте просто отображение на вертикальное Чтоб горизонтально не поворачивалось.

 

как?

Очень просто

@media all and (orientation: landscape) {  body {    -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);    transform: translate3d(0, 0, 0) rotate(-90deg);  }}

[okunev2]

Либо через JS определяйте, что у вас ipad (только у нас как бы и иные планшеты есть), определяйте у него горизонтальную ориентацию и применяйте transform к body.

 

 

не понял, т.е. трансформ для боди?