タグ

cssとスクロールに関するzaq00555のブックマーク (1)

  • ストークテーマでtableタグを横スクロールできるようにするカスタマイズ - OPENCAGE

    リンクをコピー ストークテーマでtableタグを設置した場合、tableの大きさ(中の文字量やカラム数)によってはスマートフォンで見た際にうまくレイアウトされず、はみ出してしまう場合があります。 tableタグは昔からあるタグですが、スマートフォンサイトにはあまり適していない場合がある(見た目の部分で)タグなのですが、スマートフォンで確認した際には、table(表)を横スクロールさせるようにする方法をご紹介します。 ちなみに、STORK19であれば表ブロックにテーブルの横スクロール機能が標準装備されていますので、こちらのカスタマイズは不要です。 CSSを追加する まずは下記CSSを子テーマのstyle.cssなどに追記していただくことで横スクロール型のtableを利用する準備が完了します。 @media only screen and (max-width: 480px) { .tscro

    ストークテーマでtableタグを横スクロールできるようにするカスタマイズ - OPENCAGE
    zaq00555
    zaq00555 2017/09/20
    STORKテーマを使っていて、スマホ画面で表がはみ出してしまった時に横スクロールさせる方法。
  • 1