html - 一部のブラウザの検索フォームで検索ボタンが改行されてしまう

Question

特に携帯電話やタブレットで問題に直面しているのは、左上にある青い検索アイコンの位置がずれていることです。これを修正する方法がわかりません。

スクリーンショット

ライブ：

www.talkjesus.com (タブレットまたは携帯電話で表示、デスクトップで動作)

Answer 1

main-rollup.cssで、cssクラスをから

.globalsearch input.textbox {
   height: 22px;
   width: 218px;
   border: none;
   font-size: 13px;
}

に

.globalsearch input.textbox {
   height: 22px;
   width: 212px;
   border: none;
   font-size: 13px;
}

テキストボックスの幅が短くなっていることに注意してください。一部のブラウザでは、検索ボタンを新しい行に押していると思います。

または、次のようにボタンを配置することもできます。

• フォームに「position：relative」cssを設定します
• 「位置：絶対;右：0px;上：0px;」を設定します 検索ボタンで
• 正しい場所に来るまで、検索ボタンの「右」と「上」のcssを調整します