user-interface - webos / enyo：横向きと縦向きの両方にボタンサイズを明示的に設定します。方法？

Question

webos / enyoでは、ボタンのスタイルフィールドを次のように設定できます。

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

ここでは、幅のみを設定し、高さはVFlexBoxで処理し、デバイスの向き（横向き/縦向き）に応じて変化します。

向きに基づいて異なるサイズを手動で指定するにはどうすればよいですか？

Answer 1

これを行うには、さまざまな方法があります。すべてのスタイルコードを.cssファイルに入れると、向きの変更時にアプリのタグ（縦向きや横向きなど）にクラス名を追加できます。基本的に、.cssには2つのエントリがあります。次のような特定のクラス：

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

次に、それぞれにclassName：myButtonなどを設定します。

メディアクエリを使用して、デバイスの高さ/デバイスの幅を決定することもできます。

最大高さまたは最小高さを設定することもできます...世界はあなたのカキです！