目前在製作一個搜尋框，把原先預設的框線砍掉之後，電腦上點擊沒問題，但是輸出到手機之後，點擊就會小，想請教一下各位前輩，是哪邊設定錯誤了? 下面是我的CSS

.searchbox {
background-color: white;
border-radius: 5px;
width: 90%;
height: 6%;
position: fixed;
top: 10px;
right: 5%;
}
.search {
width: 15%;
/height: 5%;/
margin-top: 0.5%;
margin-left: 0.5%;
}
.search img {
max-width: 70%;
float: left;
}

    .searchtext_b {
        font-size: 2em;
        width: auto;
        height: 4%;
        margin-top: 1%;
        margin-right: 2%;
        float: right;
        text-align: center;
    }

    .searchtext_b a{
        text-decoration: none;
    }

    .searchtext {
        height: 90%;
        width: 50%;
        text-decoration: none;
        padding-left: 10px;
        float: left;
        border: 0px;
        font-size: 1.6em;
    }