iPad上でウェブサイトを左揃えにしました

Question

私のiPadでmargin: 0 autoに問題があります。 divは、デスクトップのように中央ではなく左に揃えられます。

あなたはここにサイトを表示することができます。www.amplify.io

コンテナは幅を持っており、私は、Web上ではなく、無駄にいくつかの解決策を試してみた...任意のポインタは大歓迎。

Answer 1

を使用すると、モバイルデバイス用のビューポートを設定していないため、オーバーフローが起こった場合もございます。

<meta name="viewport" content="width=device-width, 
          maximum-scale=1.0" /> 

をあなたのHTMLヘッドに特定する：

を追加してみてください。これはページの幅をiPadの幅に設定し、スケーリングが起こっていないことを確認する必要があります。

Answer 2

あなたが全体のdiv（全ページ）を意味する場合：

margin-left: auto; margin-right: auto;

Answer 3

Validator Results

あなたのウェブサイト上で26個のエラーと11回の警告を持っています。私はあなたのウェブサイトが正しく整列していない理由は、これらのものの1つに起因するお金を賭けるでしょう。エラーを修正して問題が解決されているかどうかを確認します。それ以外の場合は、状況を再現してください。