会員サイトをリニューアルしました! 新サイトはこちら

スマホでの表示が一瞬くずれる。 < 不具合報告

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

スマホでの表示が一瞬くずれる。
 
通知
すべてクリア

スマホでの表示が一瞬くずれる。

7 投稿
2 ユーザー
0 Likes
1,670 表示
OOMOTO
(@oomoto)
Eminent Member
Topic starter
 

いつもお世話になっております。

↓の記事ですが、スマホ(アンドロイド)で見た場合、表示された瞬間に表示が崩れます。

https://wvtravelclub.jp/rakuten-unlimt-procedure/

以前、改善して頂いたツイッターを埋め込んだ記事のみ表示が崩れるものと同じ崩れ方です。

しかし、私のブログを一通り確認してみたところ、表示が崩れるのが1つしかなかったので原因が不明です…

ご確認を頂けますでしょうか?

 
投稿済 : 08/06/2020 2:31 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

ちょっと僕もわからないですね...。

以下のようなCSSを、問題のページでだけ適用すると一応治るんじゃないかなとは思います。

@media (max-width: 959px) {
#content{
overflow: hidden;
}
}

※ ただ、このCSSを適用させたページでは、表ブロックの「テーブルヘッダーを固定表示する」の設定は効かなくなってしまうと思いますのでご注意ください。

 
投稿済 : 10/06/2020 8:19 am
OOMOTO
(@oomoto)
Eminent Member
Topic starter
 

了さん

ありがとうございます。

最近高速化プラグインでSWELLと相性の良いものを探している最中で色々試しているのですが

無効にしたプラグインで何かしら影響が出ているのかもしれません…

もう一度自分で調べてみます。

 
投稿済 : 10/06/2020 12:41 pm
OOMOTO
(@oomoto)
Eminent Member
Topic starter
 

以前投稿してからちょくちょく原因を調査したところなんとなくコレかな〜と思う所が見つかりました。

添付してある画像のようにツイッターを貼り付けた際に連続でツイートしているモノを貼り付けた記事は漏れなく一瞬表示が崩れます。

一度ご確認いただけますでしょうか?

なお、現在SWELL機能のみの高速化で運用しています。

プラグインによるコード圧縮はしていない状態でも同じ症状が発生するのでプラグインが原因ではないと思います。

スマホで表示が崩れる記事

https://wvtravelclub.jp/rakuten-unlimt-procedure/

https://wvtravelclub.jp/black-company/

https://wvtravelclub.jp/nuro/

https://wvtravelclub.jp/nuro-bad/

 
投稿済 : 21/06/2020 2:59 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

なるほど、リプの埋め込みだけなぜかまだ一瞬バグっちゃうんですね...

 
投稿済 : 22/06/2020 3:20 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

色々調べてみると、iPhoneがこの辺バグってるみたいなんですよね...。

通常のツイート埋め込みと基本構造は同じはずなのですが、なぜリプの埋め込み時だけ修正が効かないのかがちょっと現時点では謎です...(汗

もう少し、がんばってみます...!

 
投稿済 : 22/06/2020 3:22 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

取り急ぎの対応策ですが、以下のCSSで表示崩れを抑えることができるようになりました。

@media (max-width: 959px) {
#content, .post_content{
overflow: hidden;
}
}

※ 前回お伝えしたCSSとちょっと変わっていますが、すでにお伝えしている通り、このCSSを適用させたページでは表ブロックの「テーブルヘッダーを固定表示する」の設定は効かなくなってしまうと思いますのでご注意ください。

 
投稿済 : 22/06/2020 3:25 pm
共有: