記事に表(テーブル)形式で記載したときにPCでは右端まで表示されているが、スマフォだと表示されていなことがよくあります。右端まで表示させる手順を記載します。

前提

私はDIVERのテーマを使用しているため、DIVER前提の手順となります、ただテーマが変わっても手順はほぼ同じだと思います。

以下詳細手順

①任意の表形式の記事を作成します。DIVERだと「クラシックの追加」から作成します。

列が少ないとテーブルスクロールせずとも表示されるのでテーブルの列は6つ以上の表を作成します。

②クラシックの画面の縦3つの…を押して「HTMLとして編集」をクリックします。

③表示されたHTMLの一番最初に以下を入れます。「width:100%」のところは適宜修正してください

<div style="width:100%; overflow-y:scroll;">


④表示されているHTMLの一番最後に以下を入れます。

</div>

具体例だと以下のようになります。

⑤画面表示を「ビジュアル編集」に戻して、記事を保存します

⑥PCの場合はテーブルの下にスクロールバーが表示されていることを確認します。

スマフォの場合はテーブルを右に移動できることを確認します。

まとめ

PCの画面の動きは想定通りであったが、スマフォ(iPhone、Android)はテーブルで右側にカラム幅が狭いとテーブルをスクロースした際に直ぐに左側に戻ろうとして非常に使いづらいし、右側をちゃんと表示できないので何を書いているか確認しづらいです。

スクロールできる手順を探したいと思います。

おすすめの記事