質問編集履歴

1

ああ

2019/07/07 03:27

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,76 +1,4 @@
1
1
  お世話になります。
2
-
3
- ### やりたいこと
4
-
5
-
6
-
7
- 以下画像の薄い水色線をみてください。本来の画像は以下に示している通り、上下左右に赤線が引いておりますが、
8
-
9
- 画像の上下が切れてしまっており赤線が見えない状態です。
10
-
11
-
12
-
13
- ![イメージ説明](cb3c40813054f730e18141d015a0753e.jpeg)
14
-
15
-
16
-
17
- 一点、赤線が切れるのはPC対応だけではなくスマホ対応にレスポンシブデザインにした時に切れます。
18
-
19
- ワードプレス上で掲載した写真の大きさが切れてしまう問題について解決したくこの度質問をさせて頂きました。
20
-
21
- chrome上の検証でスマホにすると、赤線がみえなくなってしまいます。
22
-
23
-
24
-
25
- お手数おかけしますがよろしくお願いいたします。
26
-
27
-
28
-
29
- ### 環境
30
-
31
-
32
-
33
- 今回の為に環境を設定いたしました。
34
-
35
- お手数おかけしますが以下URLをご確認ください。
36
-
37
-
38
-
39
- http://waww.wp.xdomain.jp/
40
-
41
-
42
-
43
- ### 写真
44
-
45
- 対象となる画像 2000px x 1200px
46
-
47
-
48
-
49
- ![イメージ説明](9977c872124944d7e8da2ef4e5c098ca.jpeg)
50
-
51
-
52
-
53
- 対象となる写真では上下左右ともに端が赤く線が引いてあります。
54
-
55
-
56
-
57
- ### ためしたこと
58
-
59
-
60
-
61
- トップページではうまくいきませんでしたが、投稿詳細画面では
62
-
63
- 私がまさにやりたい挙動の実現ができました。それは以下になります。
64
-
65
- chrome上の検証でスマホにすると、どの画面レイアウトでも赤線がちゃんとみえます。
66
-
67
-
68
-
69
- http://waww.wp.xdomain.jp/2019/07/03/%e3%82%b5%e3%83%b3%e3%83%97%e3%83%ab%e6%8a%95%e7%a8%bf/
70
-
71
-
72
-
73
- ### 具体的コード
74
2
 
75
3
 
76
4
 
@@ -236,8 +164,6 @@
236
164
 
237
165
  どのようにすれば詳細ページの画像と同じ挙動をトップページでも実施する事ができるのでしょうか?
238
166
 
239
- 必ず具体的コードについてご教示ください。
240
-
241
167
 
242
168
 
243
169
  トップページで画像を全て表示させレスポンシブでも全ての画像位置を表示させたいです。