user-interface - 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 ，依此类推。

您还可以使用媒体查询来确定设备高度/设备宽度。

你可以只设置最大高度或最小高度……世界就是你的牡蛎！