以下のURL~全体のソースが見れます。
そのソースの冒頭にあります
body {
margin: 0;
padding: 0;
background-color: #3cb371;
color: #333333;
font-size: 15px;
line-height: 2;
}
のbackground-color: #3cb371;
ですが、薄緑を背景画面に使用しています。
その背景のサイズが馬鹿みたいに広いので、スマホ
画面サイズぐらいに変更するにはどうしたらいいで
しょうか?
http://afurieitohannei.la.coocan.jp/Forsmartphon …
宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
background: #3cb371 url(●●.jpg) 50% 0 /contain no-repeat;
わからないなら「CSS3 background-size」でググって、納得いくまで徹底的に調べましょう。
---------------------
そもそも、その背景画像の横幅が大きすぎるオチだったりして・・・
適度にカット/トリミングしていますか?
ご回答くださいまして、ありがとうございました。
「CSS3 background-size」でググって
http://www.htmq.com/css3/background-size.shtml
これですこし試してみます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
lightbox2で画像を天地左右中央...
-
画像の上に
-
背景画像をリピートさせない方...
-
CSS マウスオーバーでテキスト...
-
before疑似要素で画像を指定し...
-
同じ画像 複数回使用
-
LightBoxの矢印の出し方
-
IMGタグで画像の繰り返し使用は…
-
【Webサイト】画像が小さく表示...
-
background-sizeの背景で最小値...
-
htmlタグで画像を背景に敷き詰...
-
半透明のtable、画像は透過した...
-
【至急お助け!】チェックボッ...
-
gif画像でたまに背景がグレーに...
-
WEB上でディレクトリ内の画像を...
-
<hr>の縦バージョンはありますか?
-
背景画像を反転させる方法
-
background-repeat CSS で切れ...
-
背景画像をブラウザサイズに合...
-
下記サイトのトップ画像はどの...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
画像とその下にあるテキストの...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
【Webサイト】画像が小さく表示...
-
background-repeat CSS で切れ...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeの背景で最小値...
-
lightbox2で画像を天地左右中央...
-
ページごとに背景画像を変更し...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
IMGタグで画像の繰り返し使用は…
-
iframe内をクリックさせない方...
-
同じ画像 複数回使用
-
画像上に文字を表示するとiPhon...
-
background-sizeでcontainする...
-
ページの上下に白い横線が入る
-
コーディング中、右側に謎の余...
-
画像を複数横に並べ、かつそれ...
おすすめ情報