解決済み
Question

Flexible Tableのレスポンシブル対応

  • K K. S.
  • はじめまして。いつもお世話になってます、K.S.と申します。
    いただくライティングやディレクションの仕事はJin:Rを使ったものが多く、重宝させていただいております。
    さて、先日はじめて一からサイトを構築するお仕事をいただき、
    Jin:Rの分かりやすいマニュアルのお陰様で下記の通り構築できました(不健全な内容で恐縮です…ずっとこのテーマではないです。。)
    https://j-sp.com/
    しかし、欲を出して複雑なテーブルを作ろうと考え、
    プラグイン「Flexible Table」を入れて作っったところ、パソコン表示は上手くいきましたが、
    スマートフォンで表示してみると、
    ・横(右側)が大きくはみ出している
    ・そもそもフォントが大きすぎる
    ⇒レスポンシブ対応が上手くいっていない
    状態になっていろいろ試したのですが、うまくいきません。
    「Flexible Table」の「グローバル設定」で
    レスポンシブブレークポイントを300にしてみる、100にしてみるなども行いましたが変わりませんでした。
    スクロールできるようにはしていますが、できればスマホでもきれいに表示させたいと思います。
    https://j-sp.com/?p=144
    上記の記事で、パソコン表示、スマホ表示の違い、および設定の画像を貼り付けます。
    Flexible Tableの開発者の方に直接聞くべきですが、
    もしアドバイスなどをいただければ大変喜びます。どうぞよろしくお願い致します。
    なお、コードの知識はありません……。

    ※ラッコサーバーを使用しています。

    • WP 6.2
    • PHP 8.1
    • JIN:R 1.2.2
    • その他(トピック内容に記載してください。)
    • GoogleChrome
    • Windows10
    2023/10/24 09:53
  • tsu_

    こんにちは!
    JIN:R運営チームのtsu_です。

    詳細の共有ありがとうございます!

    スミマセン、、ちょっと再現したい完成系がわからないのですが、スマホでは横並びに表示させたいという事でしょうか...??

    ご確認お願いいたします!

    2023/10/25 18:03
  • K
    K. S.

    お返事ありがとうございます。
    すみません、まとまらない質問で。
    何とか自力で解決できました! お騒がせしました! 拝

    2023/10/27 23:46
  • tsu_

    あ、解決されましたか、良かったです!
    ご報告ありがとうございます!

    2023/10/28 23:43
CLOSE