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

[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などで作成しても、スマホで見ると画像の一部分のみボケて表示されます。

[石川＠Vektor,Inc.]

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

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

[yoshiyama]

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

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

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

Attachments:

You must be logged in to view attached files.

[Vektor,Inc]

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

▼参考になるフォーラム

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

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

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

[yoshiyama]

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

[投稿者]

投稿