[ 解決済 ] ページヘッダー背景画像(モバイル)のサイズ

VWSとは フォーラム Lightning [ 解決済 ] ページヘッダー背景画像(モバイル)のサイズ

[ 解決済 ] ページヘッダー背景画像(モバイル)のサイズ

  • このトピックには4件の返信、3人の参加者があり、最後にyoshiyamaにより1ヶ月前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #66779

    yoshiyama
    参加者

    ■ WordPress のバージョン
    6.0

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    14.23.0

    ■ Pro Unit のバージョン
    0.22.2

    ■ スキンの種類
    Origin III

    ■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
    確認しました。

    ■ 期待する動作
    固定ページの「ページヘッダー背景画像 ( モバイル )」の画像の推奨サイズを教えてください。
    750*1335などで作成しても、スマホで見ると画像の一部分のみボケて表示されます。

    よろしくお願い致します。

    ■ 自分で試した事
    750*1335など様々なサイズで作成しました。

    ■ 症状が発生するブラウザ
    chrome、safari

    ■ 実際の症状
    750*1335などで作成しても、スマホで見ると画像の一部分のみボケて表示されます。

    #66784

    石川@Vektor,Inc.
    キーマスター

    Lightningのご利用ありがとうございます。

    * 画像の内容や圧縮率や好みによりますので推奨サイズはありません。
    * 具体的にどういう状態なのかURLや画面キャプチャを見てみないと返答が難しいです。

    #66789

    yoshiyama
    参加者

    返信ありがとうございます。
    スクショ画像を添付いたします。

    300*534で作成した画像を「ページヘッダー背景画像 ( モバイル )」にアップしました。(pc.png)
    スマホでの表示が「sp.jpg」です。

    お手数をおかけしますがよろしくお願い致します。

    Attachments:
    You must be logged in to view attached files.
    #66796

    Vektor,Inc
    キーマスター

    「Lightning ページヘッダー設定」 の「 固定ページ」 の「背景画像の位置」が「固定」になっていますか、もしなっている場合は「標準」にすると、iphoneで背景が拡大されずに表示されると思います。

    ▼参考になるフォーラム

    固定ページヘッダー画像がスマホ(iOS)で表示されない

    これはiOSのバグで、background-size: cover; background-attachment: fixed;を一緒に使用すると、起こります。

    • この返信は1ヶ月前にVektor,Incが編集しました。
    #66800

    yoshiyama
    参加者

    ご指摘の通りで解決出来ました。
    ありがとうございました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。