テーブルの表示が崩れてしまう

  • canashin

    (@canashin)


    3年、 2ヶ月前

    https://subsc-style.jp/sayocramer-douga-haishin/
    上記ページの「＼ 配信中サービス一覧表／」のテーブルですが、スマホで見た時に限り、ロゴ画像、配信状況画像の下に余白が入ってしまいます。
    横スクロールするように<div class=”scroll-box”>タグを入れていれていますが、スクロールすると表示崩れが直ります。

    色々と調べたのですが原因がわかりません。
    お知恵をお貸しください。よろしくお願いいたします。

    ヘルプの必要なページ: [リンクを見るにはログイン]

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • shokun0803

    (@shokun0803)

    3年、 2ヶ月前

    canashinさん、こんにちは。

    PCブラウザのデベロッパーツールで確認してみましたが画像下の余白については確認できませんでした。
    実機だと発生するのかと思い、Android + Firefox での実機確認もしてみましたが、同様に確認できませんでした。
    実機での確認の際に少しだけ気になったのは、おそらく画像に遅延読み込みを仕込んでいるのかと思いますが、横スクロールで遅延読み込みするので、多少表示にちらつきがあった程度でしょうか。

    ご参考になれば。

    Aki Hamano

    (@wildworks)

    3年、 1ヶ月前

    @canashin1さん

    はじめまして。
    私も同様に症状は確認出来ませんでしたが、非常に稀ですが過去に似た症状に遭遇した事があります。
    その時は、セル内の画像にmax-height:none;を当てる事でなぜか解決しました。

    @canashin1さんのサイトの場合だと、以下のようなCSSになると思います。

    @media only screen and (max-width: 599px)
.post .scroll-box table td img {
  max-height: none;
}

    効果があるか分かりませんが、一度お試しいただければと思います。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「テーブルの表示が崩れてしまう」には新たに返信することはできません。