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

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

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