CSSのヘルプが必要

Question

私は自分のワードプレスのウェブサイトに適用したテーマを持っています。 大画面でサイトに入ると（私は1200ピクセルよりも大きいと思う）、それはすべてうまく見えます。テーマは反応的であると考えられています。しかし、タブレットや携帯電話でウェブサイトに入ると、ロゴ画像が正しく表示されません。タブレットや携帯電話でサイトにアクセスするのではなく、ブラウザでウィンドウを小さくするだけです。私はそれがCSSと関係があると思っていますか？私は専門家の視点が必要です。あなたが提供できるお手伝いをありがとう。

テーマを購入し、画像/ロゴをアップロードした以外は、提供するその他の情報はわかりません。その画像は適切に表示されません。私は作者に執筆しようとしましたが、彼らはおそらく設定と関係があると言いました。今私は枯れてしまったので、できる限り試してみました。アドバイスをいただければ幸いです。

建設的なciticsmなしで私に悪い投票を与える前に、あなたが必要としている他の情報を教えてください。私はルールを読んで、それに従おうとしました。ありがとう

Answer 1

を使用してのdivボックスに、あなたはあなたのstyle.cssに入ると、追加する必要があります。

header {background-size:contain;} 
header .container {min-height:240px;} 

モバイル/タブレットの問題は修正されますが、上記のコードではノートパソコン/デスクトップのヘッダーが破損するため、以下のメディアクエリを追加する必要があります。

@media (min-width:768px) { 
    header {background-size:initial;} 
} 

Answer 2

追加 高さ：366px;短いアドオンの高さで

@media (min-width: 768px) { 
    .container { 
    width: 750px; 
    height: 366px; 
    } 
} 
@media (min-width: 992px) { 
    .container { 
    width: 970px; 
    height: 366px; 
    } 
} 

、あなたのエディタへのアクセスを持っていると仮定すると、メディアクエリー