Question

我正在编写Smalltalk Seaside应用程序，其中将在笔记本电脑/ iPad和/或iPhone上查看生成的HTML页面。在笔记本电脑上，标准提交或取消按钮的大小合适，但在平板电脑或手机上，尺寸很小。如何更改尺寸？对于每种类型的查看器，我都有必需的样式表。

我在Seaside的样式表方面经验很少，因此很难做到这一点。

我想我需要设置一个类和一个大小，但不确定如何做到这一点。

Answer 1

我不知道您使用的是哪种样式表，但是假设是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?

Smalltalk Seaside-如何更改按钮的大小？

1 个答案: