質問編集履歴
3
css img-fluidの追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -89,7 +89,10 @@
|
|
|
89
89
|
background-color: #fff;
|
|
90
90
|
background-image: url(../img/084AME0226_TP_V.jpg);
|
|
91
91
|
}
|
|
92
|
-
|
|
92
|
+
.img-fluid {
|
|
93
|
+
max-width: 100%;
|
|
94
|
+
height: auto;
|
|
95
|
+
}
|
|
93
96
|
```
|
|
94
97
|
色々試行錯誤しましたがうまく解決できませんでした。
|
|
95
98
|
お力をもらえないでしょうか。
|
2
cssの記述追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
画像は表示できるがコンテンツの上下にしか表示できない。
|
|
3
3
|
base.htmlのbodyタブ内に記述してみたがNG
|
|
4
4
|
index.htmlに記述してみたがNG
|
|
5
|
-
|
|
5
|
+
cssで新たにclassを指定し記述したがNG
|
|
6
6
|
・Bootstrapを使用
|
|
7
7
|
・画像 https://gyazo.com/3080d04de5ff87d10217646cb44b0f13
|
|
8
8
|
|
|
@@ -65,6 +65,32 @@
|
|
|
65
65
|
|
|
66
66
|
{% endblock %}
|
|
67
67
|
```
|
|
68
|
+
|
|
69
|
+
```css
|
|
70
|
+
html {
|
|
71
|
+
font-family: sans-serif;
|
|
72
|
+
line-height: 1.15;
|
|
73
|
+
-webkit-text-size-adjust: 100%;
|
|
74
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
|
78
|
+
display: block;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
body {
|
|
82
|
+
margin: 0;
|
|
83
|
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
84
|
+
font-size: 1rem;
|
|
85
|
+
font-weight: 400;
|
|
86
|
+
line-height: 1.5;
|
|
87
|
+
color: #212529;
|
|
88
|
+
text-align: left;
|
|
89
|
+
background-color: #fff;
|
|
90
|
+
background-image: url(../img/084AME0226_TP_V.jpg);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
```
|
|
68
94
|
色々試行錯誤しましたがうまく解決できませんでした。
|
|
69
95
|
お力をもらえないでしょうか。
|
|
70
96
|
よろしくお願いします。
|
1
img画像の追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
<a class="navbar-brand pl-3" href="/" style="font-size: 2rem;">Todoアプリ</a>
|
|
29
29
|
</nav>
|
|
30
30
|
<div>
|
|
31
|
+
<img src="../static/img/084AME0226_TP_V.jpg" class="img-fluid" alt="Responsive image">
|
|
31
32
|
{% block body %}
|
|
32
33
|
{% endblock %}
|
|
33
34
|
</div>
|