[Hexo landscape]スマホで閲覧した際にInstagramの幅がはみ出る

Hexo landscape themeで、Instagramの投稿を埋め込んだ記事を、スマートフォンで閲覧すると、幅があってない時の対処方法を記載します。

結論としては、/theme/landscape/source/css/_partial/配下のmobile.stylファイルを修正すればOKです。

$ cd /thema/landscape/source/css/_partial/
$ vim mobile.styl

以下のコードを一番下に追記。

mobile.styl

@media screen and (max-width: 728px){
  .instagram-media{
    width:414px !important;
    max-width: 100% !important;
    min-width: initial !important;
  }
}

完了したらhexo d -gでデプロイすればOKです。