トピック: Fancie NOTE – Business Edition　モバイル閲覧時に固定ページヘッダー画像が増殖してくる

このトピックには3件の返信、2人の参加者があり、最後に健により8年、 7ヶ月前に更新されました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)

投稿者

投稿
2016/07/01 11:21 AM #80660

健
参加者

お世話になります。

モバイル版のみ固定ページテキスト部分に入力する内容に比例して固定ページのヘッダー画像が
繰り返して表示されて来ます
※画像あり
何度もスクロールしないとコンテンツにたどり着かない状態です(´・ω・`)

PC版で見ると普通の表示
アイフォン６プラスで見ると普通の表示
アイフォン５Sで見ると増殖
友人の５も増殖

対象サイトです
http://eyelash-shushu.com/
リクルートページをご覧頂くとわかりやすいです

再現する携帯としない携帯があるかと存じます

プラグイン一覧
Shortcodes for DigiPress
Acunetix WP Security
EWWW Image Optimizer
Google XML Sitemaps
Stealth Login Page
TablePress
TinyMCE Advanced
WP Limit Login Attempts
WP Multibyte Patch

以上、よろしくおねがい致します

添付ファイル:
添付ファイルを開くにはログインしてください。

2016/07/10 6:04 PM #81726

健
参加者

お世話になります。

サポート様へ

原因不明なら回答だけでも頂けませんか？
待っているのですが・・・

2016/07/11 10:25 AM #81751
DigiPress サポート
キーマスター
返信が遅くなりまして申し訳ありません。
iOS(iOS Safari)のバージョンが分かりませんので同一環境での実機確認ができませんが、iOS6/7/7.1では、ビューポートの高さ(vh)のプロパティの振る舞いに不具合があるようです。

●参考：
http://caniuse.com/#feat=viewport-units
http://www.aiship.jp/knowhow/archives/16827

Fancie NOTEでは対象エリアの高さは、ビューポートの高さに対して２４%(min-height:24vh)を指定しており、このCSSが問題とされるiOS Safariでは不具合によって正常に表示ができていない可能性があります。

ひとまず、以下のCSSを「オリジナルスタイルシート設定」に追加してご確認いただけますでしょうか。
```
@media screen and (max-width:320px){
  .ct-hd {
    min-height:24%;
    padding:14% 10px;
  }
}
```
※環境情報は、iPhoneのメジャーバージョン(iPhone 5など)だけではなく、iOS自体のバージョンもご提示ください。
　iOSのバージョンは、「設定」→「一般」→「情報」の “バージョン” からご確認いただけます。
2016/07/14 11:26 AM #82198

健
参加者

ありがとうございます。
従来のサイズではありませんが増殖は止まりました
投稿者

投稿