上の表はGoogleスプレッドシートで作成したものを張り付けたもので、パソコンでもスマホでも画面には右の方が出ませんが、スクロールすると見ることができます。
今まで、スクロールする方法がわからなくて(できないと思っていました。)、スマホで全部表示できるように横幅を微妙に調整して掲載していました。
ところが、こちらの記事を参考にして試してみたら、スプレッドシートから張り付けた表でもスクロールすることができました。
参考にさせていただいた記事に記載してあるとおり、
デザインCSS(ダッシュボードーデザインー設定(スパナマーク)ーデザインCSS)に
#table-sc {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow: auto;
white-space: nowrap;
}
と追記し、記事内のテーブル(HTML編集)を
<div id="table-sc"></div>
で囲んだら簡単にできました。「エンジニアのアウトプット」さん、ありがとうございます。
ただブログのデザインテーマにより、もしかするとできないこともあるかもしれません。ちなみにこのブログのテーマはレスポンシブデザイン対応の「Stripe」です。
以上です。よろしかったら参考にしてみてください。
⇩ 自分が現在主に使っているアフェリエイトはこちらです。楽天市場、Amazon、Yahoo!ショッピングのボタンBox(カード型のアフィリエイトリンク)が簡単にできる「かんたんリンク」がおすすめです。
⇩ 「バリューコマース」を最近始めて成果がすぐに出ました。特に「MyLinkBox」は自由度、広告主が多くおすすめです。