Question

如何让html按钮与屏幕尺寸成比例？

我正在尝试使用html和css编写一个Android应用程序，使用产生特定结果的按钮，程序运行正常。唯一的问题是，当我向朋友发送文件时，他的按钮非常小，难以使用。

他已经厌倦了我发送文件去尝试，所以有人可以给我一个使所有屏幕尺寸都成比例的css吗？

例如，一行中有三个按钮，我希望它看起来像相同的布局，但在较大的屏幕上更大，在较小的屏幕上更小。谢谢。

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

Answer 1

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

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

会为您提供比以下更准确，更首选的结果：

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

如果您将按钮尺寸定义为特定像素尺寸，则在不同浏览器尺寸上获得不同的唯一原因。