デザインレシピの検索窓について

Question

お世話になります。

デザインレシピを参考に検索窓を上部に設置してみたのですが
IEだと検索窓よりも虫眼鏡が大きくなり
Choromeでは検索窓よりも虫眼鏡が小さくなってしまいます。

デバイス：PC
OS：Windows10
ブラウザ：IE、Chorome
URL：https://item.rakuten.co.jp/店舗ID/20022/

解決策はありますでしょうか？

よろしくお願い致します。

Answer

ECマスターズの田中です。

Chromeでは、ミカン星人さんのショップにて設置された、想定外の
padding: 0.5em 0.5em;
が適用されていること、
IEでは、line-heightが入力欄の高さに影響しないこと、
それぞれが原因でズレが発生しております。

> 解決策はありますでしょうか？

.shopSearchInput
の規則に対して
height: 38px;
をご指定いただくことで、解決することができます。

Answer

早速のご回答ありがとうございます。

無事解決いたしました。

ありがとうございました！