teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

一部改変

2017/02/21 13:23

投稿

shaak
shaak

スコア607

answer CHANGED
@@ -15,14 +15,26 @@
15
15
  }
16
16
 
17
17
  .picture {
18
- height: 300px;
18
+ height: 300px;
19
- width:100%;
20
- background-image: url("") //urlは長いので割愛
21
- min-width: 480px;/*背景のサイズをコントロールしたいのでしょうか?*/
22
19
  width:100%;
20
+ background-image: url("") //urlは長いので割愛
21
+ min-width: 480px;/*背景のサイズをコントロールしたいのでしょうか?*/
22
+ width:100%;
23
23
  background-repeat:repeat-x;
24
+ background-size:480px auto;
25
+ background-position:0 0 ;
24
26
  }
25
27
 
26
28
  ```
27
29
 
28
- これで上手く行きませんか
30
+ それでは、これで上手く行きませんか?
31
+ 最終的にどうなるのが目的かいまいちわかりませんが、ヘッダーの高さを固定し、幅はwindow幅に追随、背景を横方向にリピートしたいならこれで出来るはずなんですが。
32
+ 縦にもリピートするのであれば、
33
+ ```
34
+ background-repeat:repeat-x;
35
+ ```
36
+ の部分が
37
+ ```
38
+ background-repeat:repeat;
39
+ ```
40
+ になります。