按钮和输入类型搜索在不同屏幕上看起来很糟糕

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。

您还可以创建一个包含按钮和输入的容器，并在其上设置宽度。