webos / enyo: установка размера кнопки явно как для пейзажа, так и для портрета.как?

Question

в webos / enyo, вы можете установить поле стиля кнопок следующим образом:

var style_DONE = "color: #fff; background-color: #2A4754; width: 92px"

здесь, я только устанавливаю ширину, а VFlexBox заботится о высоте и изменяется в зависимости оториентация (альбомная / книжная) устройства.

Как вручную указать разные размеры в зависимости от ориентации?

Answer 1

Есть много разных способов сделать это. Если вы поместите весь свой код стиля в файл (ы) .css, вы можете добавить имя класса к тегу вашего приложения (например, портрет или пейзаж ) при изменении ориентации, а затем в основном, у вас есть две записи в .css для определенного класса, например:

.portrait .myButton {/* styles */}
.landscape .myButton {/* styles */}

Затем вы должны установить className: myButton для каждого и т. Д.

Вы также можете использовать медиазапросы для определения высоты устройства / ширины устройства.

Вы можете просто установить максимальная высота или минимальная высота возможно ... мир - ваша устрица!