webos / enyo:明确设置横向和纵向按钮大小。如何?

发布于 2024-12-25 12:38:08 字数 217 浏览 1 评论 0原文

在 webos / enyo 中,您可以像这样设置按钮的样式字段:

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

这里,我只设置宽度,高度由 VFlexBox 处理,并根据设备的方向(横向/纵向)进行更改。

如何根据方向手动指定不同的尺寸?

in webos / enyo, you can set the style field of buttons like so:

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

here, i only set the width, and the height is taken care of by VFlexBox, and changes depending on the orientation(landscape/portrait) of the device.

How do i manually specify different sizes based on orientation?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

撩动你心 2025-01-01 12:38:08

您可以通过多种不同的方式来做到这一点。如果您将所有样式代码放入 .css 文件中,则可以在方向更改时向应用程序的标签添加类名(例如 portraitlandscape)然后您基本上会在 .css 中为特定类设置两个条目,例如:

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

然后您将为每个条目设置 className: myButton ,依此类推。

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

你可以设置最大高度最小高度也许......世界是你的牡蛎!

There are lots of different ways you might do this. If you put all your style code in the .css file(s) you can add a class name to the tag of your app (like portrait or landscape) on orientation change and then you would basically have two entries in the .css for a particular class like:

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

Then you would set className: myButton for each one, and so on.

You could also use media queries to determine device-height/device-width.

You could just set max-height or min-height maybe...the world is your oyster!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文