フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。
スマホでの表示が一瞬くずれる。 < 不具合報告
いつもお世話になっております。
↓の記事ですが、スマホ(アンドロイド)で見た場合、表示された瞬間に表示が崩れます。
https://wvtravelclub.jp/rakuten-unlimt-procedure/
以前、改善して頂いたツイッターを埋め込んだ記事のみ表示が崩れるものと同じ崩れ方です。
しかし、私のブログを一通り確認してみたところ、表示が崩れるのが1つしかなかったので原因が不明です…
ご確認を頂けますでしょうか?
ちょっと僕もわからないですね...。
以下のようなCSSを、問題のページでだけ適用すると一応治るんじゃないかなとは思います。
@media (max-width: 959px) {
#content{
overflow: hidden;
}
}
※ ただ、このCSSを適用させたページでは、表ブロックの「テーブルヘッダーを固定表示する」の設定は効かなくなってしまうと思いますのでご注意ください。
了さん
ありがとうございます。
最近高速化プラグインでSWELLと相性の良いものを探している最中で色々試しているのですが
無効にしたプラグインで何かしら影響が出ているのかもしれません…
もう一度自分で調べてみます。
以前投稿してからちょくちょく原因を調査したところなんとなくコレかな〜と思う所が見つかりました。
添付してある画像のようにツイッターを貼り付けた際に連続でツイートしているモノを貼り付けた記事は漏れなく一瞬表示が崩れます。
一度ご確認いただけますでしょうか?
なお、現在SWELL機能のみの高速化で運用しています。
プラグインによるコード圧縮はしていない状態でも同じ症状が発生するのでプラグインが原因ではないと思います。
スマホで表示が崩れる記事
https://wvtravelclub.jp/rakuten-unlimt-procedure/
なるほど、リプの埋め込みだけなぜかまだ一瞬バグっちゃうんですね...
色々調べてみると、iPhoneがこの辺バグってるみたいなんですよね...。
通常のツイート埋め込みと基本構造は同じはずなのですが、なぜリプの埋め込み時だけ修正が効かないのかがちょっと現時点では謎です...(汗
もう少し、がんばってみます...!
取り急ぎの対応策ですが、以下のCSSで表示崩れを抑えることができるようになりました。
@media (max-width: 959px) {
#content, .post_content{
overflow: hidden;
}
}
※ 前回お伝えしたCSSとちょっと変わっていますが、すでにお伝えしている通り、このCSSを適用させたページでは表ブロックの「テーブルヘッダーを固定表示する」の設定は効かなくなってしまうと思いますのでご注意ください。