- このトピックには2件の返信、1人の参加者があり、最後に
により2年、 2ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】 17.2.7
【お使いの Snow Monkey Blocks のバージョン】16.1.0
【お使いの Snow Monkey Editor のバージョン】 8.0.2### 実現したいこと
スマートフォンで表示した際、
最初の画像の横幅を100％指定で表示させたい### 発生している問題
オーバーレイ×セクション（背景画像）を使用して、
ファーストビューを作成しています。スマートフォンで閲覧する際、
画像がズームしたような形になってしまうのですが、
これを「元の画像の横幅100％」で表示することは可能でしょうか？スマホで閲覧した際、画像が画面いっぱいにならず、
下部のコンテンツが見えているような状態になっても構いません。### 試したこと
コンテンツを上に重ねる必要があるため、
画像サイズだけでなくセクションの高さも画像に合わせる必要があります。エディタ上のメニューで設定できるのかいろいろ触ってみたのですが、
どうしても画像が見切れてしまう感じになってしまいます。画像に対し以下のCSSを指定したのですが、当然画像のみ小さくなるだけで、
下にセクションブロックが残ったような形状になってしまいました。
（結果、画像上に設置した文字などが下にはみ出てしまいます）width: 100%;
height: auto;かといって、画像サイズに応じてセクションサイズを調整するようなCSSも思いつかず…。
なおPC版とスマホ版の表示はセクションを分けて作成しており、
画像もスマホ表に応じたものを用意しています。少々説明がわかりにくいかもしれませんが、解決策をご存じの方
アドバイスいただけますと幸いです。いいねをした人: 居ませんお世話になります。
すみません、こちら自己解決しました。
解決に至った方法をメモとして残しておきます。
・使用するのは画像背景のセクションブロックではなく「カバー」にする
・右メニューの「寸法」でビューポート単位を指定する（今回は、VH50％でイメージ通りになりました）
大変お騒がせしてすみませんでした！
いいねをした人:
- トピック「スマートフォンで表示した際、最初の画像の横幅を100％指定で表示させたい」には新しい返信をつけることはできません。