使用 css 比例 html 按钮？

Question

如何让 html 按钮与屏幕大小成比例？

我正在尝试使用 html 和 css 编写一个 android 应用程序，其中的按钮会产生特定结果，程序运行良好。唯一的问题是，当我把文件发给我朋友时，他的按钮太小了，很难使用。

他厌倦了我给他发送文件来尝试，所以有人可以给我 css 让所有内容都与所有屏幕尺寸成比例吗？

例如，一排三个按钮，我希望它看起来像相同的布局，但在大屏幕上更大，在小屏幕上更小screens.thanks。

我可能应该提到这一点，但我更改的 px 是位于 body 标签中的字体大小。

Answer 1

使用百分比定义特定的按钮比例。

.button {
   height:10%;
   width:10%;
}

比

更准确、更受欢迎的结果

.button {
   height:100px;
   width:100px;
}

如果您将按钮尺寸定义为特定像素尺寸。

，那么您在不同浏览器尺寸上会有所不同的唯一原因是

proportional html buttons using css?