webos/enyo: réglage de la taille du bouton explicitement pour le paysage et le portrait. comment?

Question

dans webos/Enyo, vous pouvez définir le champ de style de boutons comme ceci:

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

ici, je place que la largeur et la hauteur est pris en charge par VFlexBox et change en fonction de l'orientation (paysage/portrait) de l'appareil.

Comment spécifier manuellement différentes tailles en fonction de l'orientation?

Answer 1

Il existe de nombreuses façons de le faire. Si vous mettez tout votre code de style dans les fichiers .css, vous pouvez ajouter un nom de classe à l'étiquette de votre application (comme portrait ou paysage) sur le changement d'orientation, puis vous auriez essentiellement deux entrées dans le Css pour une classe particulière comme:

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

Ensuite, vous fixerait className: myButton pour chacun d'eux, et ainsi de suite.

Vous pouvez également utiliser des requêtes multimédias pour déterminer la hauteur du périphérique/la largeur du périphérique.

Vous pouvez simplement mettre max-hauteur ou min-height peut-être ... le monde est votre huître!