Image Slider　レスポンシブにならない

  • 解決済 boobooluka

    (@boobooluka)


    4年、 5ヶ月前

    不動産サイトを作っています。
    Ultimate Responsive Image Sliderを投稿ページ
    に使おうとしているんですが、レスポンシブデザインにならないで困っています。

    Image Slider設定 Slider Width　をFull Widthにすればスマホ（android）は収まるのですが、
    PC側は、カラムを無視し画面いっぱいに広がります。
    設定を　カスタムして600pxにすれば、PC側は希望どおりの幅になりますが、
    スマホは画面を大幅にはみ出てしまいます。

    設定でFull Widthにして、style css で６００ｐxにしても　ＰＣは画面いっぱいになります。

    投稿の編集画面
    <div class=”slide”>[URIS id=64]</div>
    ｃｓｓ　.slide {width: 600px;}

    設定で Custom　600にすると、PCはOKですが、スマホははみ出ます。

    https://onl.bz/fHN8g2z

    このスライダーレスポンシブデザインと会ったので使ったのですが、
    そもそも対応していないのでしょうか？
    或いは投稿画面では使えないのでしょうか？

    Ultimate Responsive Image Slider – 3.5.5
    WordPress 5.9.3 (オリジナル テーマ)

4件の返信を表示中 - 1 - 4件目 (全4件中)
  • ishitaka

    (@ishitaka)

    4年、 5ヶ月前

    こんにちは

    Slider Width を “100% Width” にするのではダメなのでしょうか？
    https://www.hiskip.com/wp/plugin/slider/7632.html

    トピック投稿者 boobooluka

    (@boobooluka)

    4年、 5ヶ月前

    ありがとうございます。
    ただ、100% Width　は最初に試しました。PCはメインのカラムいっぱいに広がり、
    スマホは、倍ぐらい右にはみ出ます。

    ishitaka

    (@ishitaka)

    4年、 5ヶ月前

    下記 CSS ではどうでしょうか？

    table.ta_single {
	table-layout: fixed;
	width: 100%;
}
    トピック投稿者 boobooluka

    (@boobooluka)

    4年、 5ヶ月前

    素晴らしいです。
    table-layout: fixed;　　知りませんでした。
    魔法のことばですね。うまくいきました。
    教えていただき、感謝します。ありがとうございました。

    • この返信は4年、 5ヶ月前にbooboolukaが編集しました。
4件の返信を表示中 - 1 - 4件目 (全4件中)

トピック「Image Slider　レスポンシブにならない」には新たに返信することはできません。