按鈕和輸入類型搜索在不同屏幕上看起來很糟糕

Question

我有文本字段和按鈕搜索。在我的15'筆記本電腦上看起來不錯，但在其他屏幕上，我的按鈕向下或向上移動到文本字段，看起來很糟糕。你可以幫幫我嗎？我的代碼

#searchinp{ 
    width:85% !important; 
    height:50px; 
    border:0; 
    outline:0; 
    font-size:17px; 
    color:#555; 
    background:#f8f8f8; 
} 

.searchbut{ 
    background-color:#44c767; 
    display:inline-block; 
    cursor:pointer; 
    color:#ffffff; 
    font-family: 'PT Sans Narrow', sans-serif; 
    font-size:20px; 
    padding:15px 31px; 
    text-decoration:none; 
    text-shadow:0px 1px 50px #2f6627; 
    outline:none !important; 
    border:none !important; 
    height:50px !important; 
    } 

Answer 1

如果您想在不同的屏幕上顯示相同的外觀，則不應使用ps作爲字體大小。最好使用em或rem。

您還可以創建一個容器，其中包含您的按鈕和輸入並在其上設置寬度。