使用css比例html按鈕？

Question

如何讓html按鈕與屏幕大小成比例？

我想代碼一個Android應用程序使用HTML和CSS，與產生某些結果的按鈕，程序運行良好。唯一的問題是，當我向朋友發送文件時，他的按鈕非常小，很難使用。

他已經厭倦了我給他發送文件來嘗試，所以有人可以給我的CSS讓所有的屏幕尺寸都成正比嗎？

例如，一行中有三個按鈕，我希望它看起來像相同的佈局，但在較大的屏幕上較大，而在較小的屏幕上較小。

我可能應該提到這一點，但是我改變的px是位於body標籤中的字體大小。

Answer 1

使用百分比來定義特定的按鈕比例。

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

會讓你更準確和最佳的結果比：

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

，你會得到不同的瀏覽器不同的唯一理由尺寸是：如果你定義的按鍵尺寸爲特定的像素尺寸。