2017-05-28 8 views
0

ワードプレスのサイト用のフッタがありますが、これはモバイル上のサイトの全幅には届きません。また、サイトがモバイルビューポートよりも広い場合と同様に、常に幅方向にスクロールすることができます。これは、モバイルのポートレートでのみ発生し、デスクトップやタブレットでは発生しません。スマートフォンでフッタの幅が全幅に達しないのはなぜですか?私はワードプレスを使用しています

ヘッダー、ボディー、フッターなどの幅はすべて100%に設定されていますが、フッターの幅は1333pxの幅になりますが、ヘッダーとボディの幅は1349pxになります(devツールラップトップで)。

300px以上のピクセルで設定された要素の固定幅はありません。

フッターは、メインとメインコンテナの外側にありますが、本体内に配置されています。

フッター内の要素のいずれも問題ではないと思います。私はそれらを削除して置き換えましたが、同じ問題が依然として存在します。

写真が含ま:フッターの右側にギャップ

enter image description here

+0

ようこそ、あなたの状況をよく理解するコードを提供してください。 –

+0

こんにちは、ありがとうございました。コードのどの部分を正確にしたいですか?フッター、ヘッダー、本文のCSS、またはこれらのいずれかまたはすべてのHTML – user78397

答えて

0

この問題を多分(フッタのうち)全体のWebページ上のHTMLタグの1つが、この問題は、画面
その後、大きなではありませんので、フッタから、ウェブページの他の部分を確認してください。

+0

こんにちは@Hazem Nabil、私はすべてのHTMLを選んだ、と述べたように、主要な要素のすべての幅は100%(したがって、すべての技術的に画面に収まる必要があります)として定義されています。 user78397

+0

functions.phpファイルの幅に関する情報も表示されません。これは、携帯電話のポートレートビューでのみ発生しますが、そのサイズビューのCSSメディアクエリにも何も起きていないようです。あなたは私にメディアクエリのCSSを投稿してもらいたいですか?私は私があきらめて正直であるようにこれを残している感じ、それはあまりにも長い間私を困惑させて、私は初心者です。 – user78397

+0

あなたは私にそれをチェックするHTMLを送ることができますか? –

0

こんにちはHazemとお返事ありがとうございました。更新:私は今この問題の原因を知っています。 80%の幅に設定されたコンテンツdivのピクセルで設定された左余白は、フッターの右側のギャップに追加されましたが、モバイルビューでのみでした。私はその後、私のメディアクエリが機能していないことに気がついたが、私は今それを並べ替えているので、私は問題を分類した。 ありがとうございます。

関連する問題