BETA

bulmaのcolumnを使った際にモバイル表示するとサイドに余白が出る場合の対処

投稿日:2020-04-30
最終更新:2020-04-30

症状

  • 下記の緑領域のように,classcolumn指定した要素のpaddingが,モバイル表示した際に画面外に表示されてしまう

解決

  • 下記bodyへのcss設定を入れる
    ...  
    <style lang="scss">  
    ...  
    body { overflow-x: hidden; }  
    ...  
    </style>  

参考

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@jagijagijag1の技術ブログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう