Javascript-форум (https://javascript.ru/forum/)
-   Мобильный JavaScript (https://javascript.ru/forum/mobile/)
-   -   Поворот ipad\iphone (https://javascript.ru/forum/mobile/21180-povorot-ipad%5Ciphone.html)

Крекотун 31.08.2011 15:40

Поворот ipad\iphone
 
Здравствуйте.
Назрел вопрос: Можно ли какими-то способами сайт, при повороте айпада на 90 градусов, не ресайзить под новое разрешение, а оставить его в прежнем положении?

ваый 31.08.2011 16:03

можно задать
<meta name="viewport" content="minimum-scale=1,maximum-scale=1">
хотя это не совсем то

Крекотун 31.08.2011 16:10

Кажется, это зум отключает

ваый 31.08.2011 16:36

http://stackoverflow.com/questions/2...379428#6379428
Вроде бы это должно помочь.

Крекотун 31.08.2011 18:58

К сожалению, нет.

da_ff 01.09.2011 12:06

Не, средствами js нельзя, только настройками браузера.

Крекотун 03.09.2011 15:17

Спасибо

Artemeey 09.08.2016 20:20

Можно, решение ниже
 
Напишите два стиля размещения фона, один под горизонтальное положение, второй под вертикальное.

Эти стили должны отличаться поворотом фона на 90 градусов, шириной фона и др. стилями.

Например можно установить ширину картинки, равную высоте экрана.
А при повороте - равную ширине экрана.

Немного примеров для css: http://www.zawebis.com/html-i-css/is...es-v-css3.html

Тут написано как можно задать значение, равное высоте или ширине экарна: http://shpargalkablog.ru/2013/03/px-em-calc.html

См. 100vw и 100vh

Все тоже самое можно контролировать и через JS. Фиксируем поворот событием $(windows).resize(). И сравниваем высоту с шириной, для определения положения телефона.

Царь Леонид 13.08.2016 22:26

Artemeey,
Это тред 2011(!) года так-то)) Сейчас все можно сделать через media queries, никакого js здесь не надо


Часовой пояс GMT +3, время: 13:24.