html - 画像の適切なセンタリング (Margin Auto?)

Question

中央揃えで、ロゴをコンテンツ ボックスの上の中央に配置する必要があります。

現在、次のコードを使用しています。

#logo img {
margin: -12em 0 4em 17em;
}

これはコンピューターでは機能しますが、携帯電話では機能しません。スクリーンショットを参照してください。

両方のプラットフォームで必要な機能を取得するにはどうすればよいですか? margin: 0px auto;私は無駄にしようとした。

URL: http://ec2-174-129-169-80.compute-1.amazonaws.com/

Answer 1

画像を中央に配置しますか？では、layout.css の 89 行目でが#logo設定されているのはなぜですか?float: left;

Answer 2

float：leftを#logoから削除してから、＃logoimgに移動して次を追加します。

#logo img{
    margin-left: auto;
    margin-right: auto;
}