Q&A
使用しているテーマの情報、使用しているプラグイン、追加しているJSのプラグインなどありましたら追記して貰えると答えが得やすいかと思います。
###前提・実現したいこと
以下のサイトのリリースを控えていますが、表題の不具合が解決できずに悩んでいます...
https://magazine.tabitatsu.jp/
###発生している問題・エラーメッセージ
iOSのSafariで記事ページにアクセスした際に、画像が表示されません。
https://magazine.tabitatsu.jp/articles/63
https://magazine.tabitatsu.jp/articles/318
しかし、同じ端末で画面をリロードすると、以後表示されるようになります。
端末はiPhone5, iPhone6, iPad mini2で試しましたが何れも同様でした。
別のブラウザ、および別の端末(Android, Windows, Mac)ではこの現象は発生しませんでした。
###試したこと
- サーバーキャッシュのオフ => 効果無し
- ブラウザキャッシュのオフ、クリアー => 効果無し
- 画像の名前を日本語にした(最初はこの問題かと思いましたが、違いました)
- heightの固定値指定 => 表示される (autoだと表示されない)
- portrait <-> landscapeを切替 => 画像が表示される
- 別タスクに切替, しばらく放置, タスクをSafariに戻す => たまに表示される
丸1日試行錯誤していますが、解決できずにいます。
なにか心当たりのある方は、知恵をお貸しいただけると非常に助かります！
よろしくお願いします。
(追記)環境等
WordPress, フロント
- WordPress: 4.5.2
- テーマ: 独自に作ったものです
- プラグイン: 色々と入れているのですが、関係ありそうなところでいうと以下のものです。
- Memcached Redux
- Nephila clavata (絡新婦)
- WP Multibyte Patch
- WP Minify
- EWWW Image Optimizer
- JS
- jQuery1.9
サーバー
- Apache/2.4.6
- PHP 5.5
(追記2)
iOS 10でみてみたところ、正常に表示されたようです。。。
回答3件
0
自己解決
みなさま、ご確認頂きありがとうございました。
いろいろと試してみたのですが、メディアクエリ+min-heightで対応することにしました。
投稿2016/08/29 17:02
総合スコア8
0
PC Chromeで画面サイズを変えながら見ていたのですが、ブレイクポイントよりも画面サイズが小さくなった際にグローバルメニューが一瞬表示されたりしたのでJSの実行タイミングか何かかな…と思ったのですが
もしかするとwordpressのプラグインが意図しない処理をはしらせていることも考えられるので一度プラグインを停止して確認してみてください。
投稿2016/08/25 23:31
編集2016/08/26 00:27総合スコア138
0
最初、画像が大きすぎるのかな？と思ったりもしましたが、
「リロードすれば出る」という事なので、ちょっと違うかなと…
では、この辺りはどうでしょうか？
（参考）【iOS 9】Safariの表示がおかしい原因はコンテンツブロッカーかも
http://www.appbank.net/2015/10/17/iphone-news/1110658.php
（参考）iOS9 Safariのコンテンツブロッカーについて
http://www.ken-g.com/blog/archives/201512/content-blocker-safari.html
投稿2016/08/25 09:47
総合スコア85
あなたの回答
tips
プレビュー
