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

質問編集履歴

2

修正

2015/04/26 16:41

投稿

smith
smith

スコア73

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

1

修正

2015/04/26 16:41

投稿

smith
smith

スコア73

title CHANGED
File without changes
body CHANGED
@@ -1,10 +1,7 @@
1
- ![イメージ説明][WIDTH:600](88009e1691fe011119a31772bc16da94.png)
1
+ **ボールドテキスト**![イメージ説明][WIDTH:600](88009e1691fe011119a31772bc16da94.png)
2
2
  このようにしたいのですが下記のように
3
- 正方形ではなく横長の長方形になってしまいます。
3
+ 正方形ではなく、くづれてしまいます。
4
- どうしたら良いでしょうか
5
-
6
- ![イメージ説明][WIDTH:600](d31c7379fcb872e4c54a279a5e0cb929.png)
4
+ ![イメージ説明][WIDTH:600](ee98f77695880391cd31693f7badaf37.png)
7
-
8
5
  ```lang-css
9
6
 
10
7
  .wrapper {
@@ -107,7 +104,7 @@
107
104
 
108
105
  ```lang-ruby
109
106
  <!-- アイテムインデックス -->
110
- <div id="masonry">
107
+ <div class="masonry">
111
108
  <% @items.each do |item| %>
112
109
  <div class="item">
113
110
  <% if item.picture_1.present? %>