[snssenyou21@gmail.com]

トピックを新しく立てる方は次の項目も記述してください（要望トピックの場合は不要です）。

【お使いの Snow Monkey のバージョン】
【お使いのブラウザ】グーグルクローム
【当該サイトのURL】（公開できる場合は書いていただいたほうがスムーズです）

===

ブラウザによってトップ画像が崩れます。

自分の場合はSafariでくずれました。お客さんの場合はグーグルでみたらくずれたと言っていました。

 

 

以下のものは自分のPCで確認したものです。

グーグルクローム

WindowsEdge

 

 

Safari

 

お客さんが送ってくれたものです。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

セクション（背景画像/動画）ブロックを使用されていると思いますが、このブロックに設定する画像はあくまで背景画像扱いで、エリアを覆い尽くすように引き伸ばされるので、画面サイズによってはトリミングされる部分がでます。WordPress コアの画像ブロックを全幅で配置するなどしたほうが収まりは良いと思いますがどうでしょうか。

♥ 0

いいねをした人: 居ません

[snssenyou21@gmail.com]

返答ありがとうございます！

WordPressコアの画像ブロックを全幅で配置するなどしたほうが収まりは良いとは？どういうことでしょうか？すみません知識不足で！

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

WordPressコアの画像ブロックを全幅で配置するなどしたほうが収まりは良いとは？どういうことでしょうか？すみません知識不足で！

繰り返しになってしまいますが、いま使用されている「セクション（背景画像/動画）」ブロックは、画像はあくまで背景画像扱いで、エリアを覆い尽くすように引き伸ばされるので、画面サイズによってはトリミングされる部分がでます。
画像ブロックだとトリミングされず画像がその画像の画角のまま表示されるので、トリミングされる部分がなくきれいに収まる、という意味で書きました。普通に画像ブロックを配置すると、左右に（全体を囲む div 分の）余白がでてしまうと思うので、画像ブロックの行揃えの設定を「全幅」にすると、その余白が消えて左右ぴったりに画像が表示されます。

とりあえずやってみて頂ければと！

♥ 0

いいねをした人: 居ません

[snssenyou21@gmail.com]

非常にわかりやすくアドバイス助かります！

♥ 0

いいねをした人: 居ません

[snssenyou21@gmail.com]

直りました！助かりました。ありがとうございました。スライダーでも大丈夫そうですね。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

良かったです、閉じます！

♥ 0

いいねをした人: 居ません

[投稿者]

投稿