レスポンシブデザインと表 ホームページビルダー20の使い方

本邦唯一日本IBM出身ホームページビルダー元開発責任者 鎌田裕二の
ホームページビルダー教室
ホームページ作成無料相談受付中(こちらをクリック!!)

TEL 045-567-8393
 (平日11~20時 土11~17時 日祝休 留守電不可)

ホームページビルダー19(ホームページビルダー20も同様)ではフルCSSテンプレートもレスポンシブデザインによるスマホ対応となりました。(WordPressテンプレートはバージョン17から対応)

しかし、自分で作成される部分がパソコン、スマホそれぞれでどう見えるかをよく考えないと、全体としては読みづらいサイトになってしまいます。

典型的な例に「表」があります。

パソコン画面では

ホームページビルダーの表

問題のない形で表示されています。スマホで表示すると

ホームページビルダーの表

各セルが縦長に表示されてしまい、なかの文章はとても読みづらいものになってしまいます。