質問編集履歴

2

修正

2015/04/26 16:41

投稿

smith
smith

スコア73

test CHANGED
File without changes
test CHANGED
@@ -1,15 +1,35 @@
1
- **ボールドテキスト**![イメージ説明][WIDTH:600](88009e1691fe011119a31772bc16da94.png)
1
+ [イメージ説明][WIDTH:600](88009e1691fe011119a31772bc16da94.png)
2
-
2
+
3
- このようにしたいのですが下記のように
3
+ このようにしたいのですが
4
-
4
+
5
- 正方形はなく、くづれてしまいます。
5
+ 下記のように右にスペースがてしまいます。
6
-
6
+
7
+
8
+
7
- ![イメージ説明][WIDTH:600](ee98f77695880391cd31693f7badaf37.png)
9
+ ![イメージ説明][WIDTH:600](c2a74e6540c2dbad8f98944d8741ecfe.png)
10
+
11
+
12
+
13
+
14
+
15
+
8
16
 
9
17
  ```lang-css
10
18
 
11
19
 
12
20
 
21
+ img{
22
+
23
+ max-width: 100%;
24
+
25
+ height: auto;
26
+
27
+ width /****/:auto; /*IE8のみ適用*/
28
+
29
+ }
30
+
31
+
32
+
13
33
  .wrapper {
14
34
 
15
35
  width: 95%;

1

修正

2015/04/26 16:41

投稿

smith
smith

スコア73

test CHANGED
File without changes
test CHANGED
@@ -1,16 +1,10 @@
1
- ![イメージ説明][WIDTH:600](88009e1691fe011119a31772bc16da94.png)
1
+ **ボールドテキスト**![イメージ説明][WIDTH:600](88009e1691fe011119a31772bc16da94.png)
2
2
 
3
3
  このようにしたいのですが下記のように
4
4
 
5
- 正方形ではなく横長の長方形になってしまいます。
5
+ 正方形ではなく、くづれてしまいます。
6
-
7
- どうしたら良いでしょうか
6
+
8
-
9
-
10
-
11
- ![イメージ説明][WIDTH:600](d31c7379fcb872e4c54a279a5e0cb929.png)
7
+ ![イメージ説明][WIDTH:600](ee98f77695880391cd31693f7badaf37.png)
12
-
13
-
14
8
 
15
9
  ```lang-css
16
10
 
@@ -216,7 +210,7 @@
216
210
 
217
211
  <!-- アイテムインデックス -->
218
212
 
219
- <div id="masonry">
213
+ <div class="masonry">
220
214
 
221
215
  <% @items.each do |item| %>
222
216