質問編集履歴

3

文章修正

2021/05/12 02:46

投稿

Tsuyoponta
Tsuyoponta

スコア5

title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  ### 解決したいこと
5
5
  レスポンシブを保ちつつ、カードのサイズを揃えて画像も特定サイズの枠内で表示したいです。
6
- (左端のカードを右2つの画像サイズに合わせたい。その際に、画像が歪まないようにもしたい)
6
+ (左端のカード画像を右2つの画像サイズに合わせたい。その際に、画像が歪まないようにもしたい)
7
7
 
8
8
  ![イメージ説明](550839c89b49c1bcc8fa8a0e0723b8d3.png)
9
9
  ActiveStorageを導入しているので`image_tag`にvariantを用いて、`resize`でsizeを指定してみたのですが

2

文法の修正

2021/05/12 02:46

投稿

Tsuyoponta
Tsuyoponta

スコア5

title CHANGED
File without changes
body CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  ### 解決したいこと
5
5
  レスポンシブを保ちつつ、カードのサイズを揃えて画像も特定サイズの枠内で表示したいです。
6
- (その際に、画像が歪まないようにもしたい)
6
+ (左端のカードを右2つの画像サイズに合わせたい。その際に、画像が歪まないようにもしたい)
7
7
 
8
8
  ![イメージ説明](550839c89b49c1bcc8fa8a0e0723b8d3.png)
9
9
  ActiveStorageを導入しているので`image_tag`にvariantを用いて、`resize`でsizeを指定してみたのですが

1

指摘箇所の修正

2021/05/12 02:44

投稿

Tsuyoponta
Tsuyoponta

スコア5

title CHANGED
File without changes
body CHANGED
@@ -2,8 +2,10 @@
2
2
  画像の表示には、Railsのヘルパーメソッド、`image_tag`を使用しています。
3
3
 
4
4
  ### 解決したいこと
5
- レスポンシブを保ちながら投稿一覧の画像サイズを統一したいです。
5
+ レスポンシブを保ちつつカードサイズを揃えて画像も特定サイズの枠内で表示したいです。
6
+ (その際に、画像が歪まないようにもしたい)
7
+
6
- 現状は、[**こんな感じ**](https://gyazo.com/498ad873b0601eb76acdc6d5ac6bce3d)です。
8
+ ![イメージ説明](550839c89b49c1bcc8fa8a0e0723b8d3.png)
7
9
  ActiveStorageを導入しているので`image_tag`にvariantを用いて、`resize`でsizeを指定してみたのですが
8
10
  サイズが固定されてしまうため、レスポンシブを保てませんでした。
9
11
  何か良い方法等、ご教示いただけたら幸いです。