0

У меня есть необходимость создания таблицы HTML (или нечто подобное), которое содержит истинную табличную информацию, такую ​​как:Как заставить таблицу HTML вращаться на 90 градусов/«вертикально» на маленьком устройстве?

First name, Last name, Address 1, Address 2, City, State, Zip 

И так, эти данные, чтобы быть легко grokked, должны храниться вместе на одиночная линия/ряд.

Для небольших устройств (телефонов) это может привести к тому, что текст будет чрезвычайно мал, и я хочу «перевернуть» ориентацию стола так, чтобы его можно было просматривать с помощью устройства, находящегося в «ландшафте» " Режим. IOW, пользователь будет вынужден либо повернуть свой телефон, либо сыграть смешные трюки глазами.

Как это можно сделать - проактивно переключать ориентацию стола с «портрет» на «пейзаж», когда устройство мало, и держите его в этой ориентации независимо от того, какие звонки телефонного пользователя делает с его устройством ?

ответ

3

Возможно использование медиа-запросов для определения ориентации или просто ширины и настройки transform:rotate(90deg) может работать.

Это сообщение также может быть релевантным/полезным: Blocking device rotation on mobile web pages