webos / enyo:明确设置横向和纵向按钮大小。如何?
在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您可以通过多种不同的方式来做到这一点。如果您将所有样式代码放入 .css 文件中,则可以在方向更改时向应用程序的标签添加类名(例如 portrait 或 landscape)然后您基本上会在 .css 中为特定类设置两个条目,例如:
然后您将为每个条目设置 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:
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!