【发布时间】:2019-09-29 19:33:58
【问题描述】:
我正在编写一个 Smalltalk Seaside 应用程序,可以在笔记本电脑/iPad 和/或 iPhone 上查看生成的 HTML 页面。标准提交或取消按钮的大小在笔记本电脑上很好,但在平板电脑或手机上却很小。如何更改尺寸?我有每种查看器所需的样式表。
我在 Seaside 的样式表方面几乎没有经验,所以我很难在任何地方使用它。
我想我需要设置一个类和一个大小,但不知道该怎么做。
【问题讨论】:
我正在编写一个 Smalltalk Seaside 应用程序,可以在笔记本电脑/iPad 和/或 iPhone 上查看生成的 HTML 页面。标准提交或取消按钮的大小在笔记本电脑上很好,但在平板电脑或手机上却很小。如何更改尺寸?我有每种查看器所需的样式表。
我在 Seaside 的样式表方面几乎没有经验,所以我很难在任何地方使用它。
我想我需要设置一个类和一个大小,但不知道该怎么做。
【问题讨论】:
我不知道您使用的是哪种样式表,但假设是Bootstrap 或Material Design Lite 中的一种,请尝试将其添加到实例端的根组件中:
updateRoot: anHtmlRoot
super updateRoot: anHtmlRoot.
anHtmlRoot meta
name: 'viewport';
content: 'width=device-width, initial-scale=1.0'
这会将相应的 <meta> 标记添加到您页面中的 <head> 元素中,生成以下 HTML 输出:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
这将指示浏览器如何缩放内容。 有关更多信息,请参阅此问题:What is initial scale, user-scalable, minimum-scale, maximum-scale attribute in meta tag?
【讨论】: