Blogger用テンプレート「Vaster2」のカスタマイズ記事です。
この記事はスマホなどの小さな画面で見たときに、画像を真ん中に表示させる方法を解説しています。
修正前後の見本
修正前
画像が右に寄っています。
画像の左部分には白い枠があるのに、右部分はスクロールバーにぴったりくっついています。
下の文字はきれいに中央に寄せられているので、比較するとわかりやすいです。
修正後
画像が中央に表示されました。
左と右の白い枠が同じ幅になっています。
修正方法
Vaster2のテンプレートから、以下の部分を探します。
/* レスポンシブデザイン
————————————————— */
@media screen and (max-width: 768px){
その下に以下を書き加えればOK。
.separator a{
margin-left: 0em!important;
margin-right: 0em!important;
}
コメント