0

コンテンツ ラッパーが機能しない原因を突き止めるために、何時間も費やしました。サイトはこちら: http://bit.ly/19dWUf

html 構造には、ヘッダー、コンテンツ、およびフッターが含まれます。

ウィンドウのサイズを変更してモバイルビューをエミュレートすることにより、dekstopでfirefox、google chromeを使用してアクセスすると、見栄えがよくなります。

問題

モバイル デバイスを使用してアクセスすると、コンテンツ セクションが右揃えになり、ヘッダーとフッターが適切に表示されます。

モバイルデバイスだけでコンテンツがずれている

Firefox では見栄えがよく、通常はデバッグに firebug を使用するため、実際のモバイル デバイスで問題の原因を特定するのは困難です。Opera Mobileエミュレーターを使用して表示を確認しています..

デスクトップで良さそう

ご意見をお待ちしております。または、モバイルをテストするためのファイヤーバグ/同様のツールはありますか?

ありがとうございました

4

1 に答える 1

0

section#content-wrapper は、ページの読み込み時に 30px の margin-left と margin-right を取得します。どちらかを削除します

jQuery('#content-wrapper').css({
    'margin-left':'30px',
    'margin-right':'30px'
});

jquery.custom.js から (332 行目)、または次のように変更します。

'margin': '0 auto'
于 2013-09-03T06:26:41.923 に答える