レスポンシブウェブサイトでロゴをセンターに設定する方法

Question

FirefoxのサイトHEREにアクセスし、レスポンシブモードで769の幅で表示すると、真にロゴの中央が上にならないことがわかります。私はロゴの真のセンタリングをどのように達成できるのだろうかと思っています。あなたはそれがちょっと右にシフトされていると言うことができます。

ご協力いただきまして誠にありがとうございます。

Answer 1

あなたの解決策は次のとおりです。 （responsive.css）のファイル行番号129に置き換えてこのcssを置き換えると、あなたのロゴが中心になります。

.header > .logo { 
left: 50%; 
margin-left: -125px !important; 
position: absolute; 
top: 30px; 
width: 100%; 
z-index: 99;} 

Answer 2

ロゴイメージをブロックとして表示し、自動余白を適用するように設定します。これにより、ディスプレイに応じて異なるサイズのロゴを使用することができ、ロゴは常に中央に表示されます。

このプロパティを使用します。 {display：block;マージン：10px auto; }