画像背景の悩み

デザイン上ではコンテンツは幅1000pxで作ってて

画面上で横に伸ばすために、画像は1500pxで用意されてるんですが、、

画面が1500px以上の場合、どうすればいいんだ???

画面にくっつけて伸縮させるのか、、最小サイズを1500pxにして?

1500px以上だったら拡大すると、、

縦も一緒に伸びちゃいますが、、

画像じゃなくてカラーの背景の部分は、画面がでかくても横が伸びるだけなのに

画像背景のコンテンツだけ縦も伸びちゃう、、どうなんだろうこれは!

もちろん高さのmax値を設定してもいいんだけど、それ以上になる場合はやっぱり横が切れる、、

画像を横にリピートさせると、、

うーーん、、、

もう好みの問題ですよね

相談してみよう、、

ちなみに、最初に枠組みした時に、bodyはwidth: 100%、

その直下の子供wrapにmax-width: 1000pxを指定して

コンテンツを1000px内に収めて

背景は、margin: 0 -500%; padding: 0 500%; っていちいち設定して

1000pxからはみ出して画面いっぱいに色つけてたんだけど、、

画像伸縮させるんだったら、必要な部分だけにいちいちwrapいれて

背景はwidth: 100%でもいいのかなーーーなんて、、

もうほとんど組み終わってから考えてたのでした、、

うーーーん、、、

 

>>その後

担当者に相談したら、全体横幅は1500pxで切って、それ以上はなんか色ひいちゃいましょう!

で解決しました、、、

最初からきいときゃよかったーーーめっちゃシンプルな対応やん!

これまでmargin、padding、500%とか-500%とかとってたところを

250px、-250pxに変えたらとりあえずOK!ふう、、

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

top