タブレットとモバイルでのロゴのサイズ変更に関する問題

Question

私のサイトでは、タブレットや携帯電話からサイトを表示しようとするとロゴは検索ブロックまで表示されますが、PCからはOKです。私はあなたが何を意味するかを示すために写真を掲載しました。誰でもこの問題を解決する手助けができますか？

としては、タブレットや携帯電話から見て：あなたのイメージの幅と高さが事前に定義されているので、これが起こっている

Answer 1

。つまり、どんなデバイスを使用していても、画像は定義された幅/高さに維持されます。

画像を反応させる必要があります。

これは、定義された幅/高さ（たぶんブートストラップグリッド列）を持つdivのイメージをラップし、イメージにブートストラップの `.img-responsive 'クラスを適用することで可能です。

コード&の画像を配置する必要があるコードを投稿すると、コード例が表示されます。 （メインスレッドのコメントを参照）

Answer 2

テーマファイルのタグに.img-responsiveクラスを追加してみてください。