テーブル(table)をスマホやタブレットで表示した時に横スクロール出来ることを表示するCSSの記述 ※scroll-hint.cssファイルを読み込みます。その他テーブル(.table、.table td,.table th)のCSSを記述します。必要に応じて変更して下さい。 <link rel="stylesheet" href="scroll-hint.css"> <style> body { font-size: 18px; text-align: center; } h1{ text-align: center; font-size: 18px; line-height: 1.6em; padding-top: 20px; } p{ font-size: 16px; padding: 20px 0; } .table { width: 900px; margin-bottom:
![scroll-hint.jsを使ってテーブル(table)をスマホやタブレットで表示した時に横スクロール出来ることを表示する方法|DAD UNION – エンジニア同盟](https://cdn-ak-scissors.b.st-hatena.com/image/square/c42d515eccb07eb7ff987d7f23e3426d14a3df30/height=288;version=1;width=512/https%3A%2F%2Fdad-union.com%2Fwp-content%2Fuploads%2F2022%2F10%2Fpic20221013.jpg)