質問編集履歴
2
修正後のコードに更新しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -46,26 +46,28 @@
|
|
|
46
46
|
<br>
|
|
47
47
|
<img src="https://user-images.strikinglycdn.com/res/hrscywv4p/image/upload/c_limit,fl_lossy,h_9000,w_1200,f_auto,q_60/1369026/790733_87219.gif"
|
|
48
48
|
alt="はぁちゃまgif">
|
|
49
|
+
<ul>
|
|
49
|
-
|
|
50
|
+
<li>デビュー日：2018年6月2日</li>
|
|
50
|
-
|
|
51
|
+
<li>誕生日：8月10日</li>
|
|
51
|
-
|
|
52
|
+
<li>身長：154cm</li>
|
|
52
|
-
|
|
53
|
+
<li>ファンネーム：はあとん</li>
|
|
53
|
-
|
|
54
|
+
<li>イラストレーター：はる雪</li>
|
|
54
|
-
|
|
55
|
+
<li>オススメシーン</li>
|
|
55
|
-
|
|
56
|
+
<li>①2019/11/15放送</li>
|
|
56
|
-
|
|
57
|
+
<li><iframe width="560" height="315" src="https://www.youtube.com/embed/zXzsdzFR4BA"
|
|
57
|
-
|
|
58
|
+
frameborder="0"></iframe>
|
|
59
|
+
</li>
|
|
60
|
+
<li>②2018/06/16放送</li>
|
|
61
|
+
<li><iframe width="560" height="315" src="https://www.youtube.com/embed/NgR8XUVxe6w"
|
|
62
|
+
frameborder="0"></iframe>
|
|
63
|
+
</li>
|
|
64
|
+
<li>③2019/11/19放送</li>
|
|
65
|
+
<li><iframe width="560" height="315" src="https://www.youtube.com/embed/Se00xsFoPfk"
|
|
66
|
+
frameborder="0"></iframe>
|
|
67
|
+
</li>
|
|
68
|
+
<li><a href="https://twitter.com/akaihaato">Twitter</a>
|
|
69
|
+
<a href="https://space.bilibili.com/339567211/">Bilibili</a></li>
|
|
58
70
|
</ul>
|
|
59
|
-
<ul>②2018/06/16放送</ul>
|
|
60
|
-
<ul><iframe width="560" height="315" src="https://www.youtube.com/embed/NgR8XUVxe6w"
|
|
61
|
-
frameborder="0"></iframe>
|
|
62
|
-
</ul>
|
|
63
|
-
<ul>③2019/11/19放送</ul>
|
|
64
|
-
<ul><iframe width="560" height="315" src="https://www.youtube.com/embed/Se00xsFoPfk"
|
|
65
|
-
frameborder="0"></iframe>
|
|
66
|
-
</ul>
|
|
67
|
-
<ul><a href="https://twitter.com/akaihaato">Twitter</a>
|
|
68
|
-
<a href="https://space.bilibili.com/339567211/">Bilibili</a></ul>
|
|
69
71
|
<img src="https://user-images.strikinglycdn.com/res/hrscywv4p/image/upload/c_limit,fl_lossy,h_9000,w_1200,f_auto,q_auto/1369026/277588_359286.png"
|
|
70
72
|
alt="はあちゃま2">
|
|
71
73
|
|
|
@@ -100,22 +102,19 @@
|
|
|
100
102
|
.btn-square:hover {
|
|
101
103
|
background-color: aqua;
|
|
102
104
|
}
|
|
103
|
-
body{
|
|
104
|
-
margin-left: 25%;
|
|
105
|
-
margin-right: 25%;
|
|
106
|
-
width: 100%;
|
|
107
|
-
height: auto;
|
|
108
|
-
position: absolute;
|
|
109
|
-
}
|
|
110
105
|
|
|
106
|
+
|
|
111
107
|
p , ul {
|
|
112
108
|
text-align: left;
|
|
113
109
|
}
|
|
114
|
-
div{
|
|
115
|
-
|
|
110
|
+
.container{
|
|
116
|
-
|
|
111
|
+
margin: 0 auto;
|
|
112
|
+
width: calc(100% - 20px - 20px); /* 20pxは、左右の余白です。好きな値を設定してください */
|
|
117
|
-
|
|
113
|
+
max-width: 800px; /* 800pxは横幅の上限です。好きな値を設定してください */
|
|
118
114
|
}
|
|
115
|
+
img{
|
|
116
|
+
max-width: 100%;
|
|
117
|
+
}
|
|
119
118
|
```
|
|
120
119
|
### 試したこと
|
|
121
120
|
|
1
それぞれの拡大率のスクリーンショットを追加しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -123,4 +123,7 @@
|
|
|
123
123
|
|
|
124
124
|
### 補足情報（FW/ツールのバージョンなど）
|
|
125
125
|
確認ブラウザ Google Chromeバージョン: 83.0.4103.61（Official Build）
|
|
126
|
+
|
|
126
|
-
|
|
127
|
+
拡大率100％では中央揃えになるのですが、拡大率25％にすると左寄りになってしまうので、中央揃えになるようにしたいです。
|
|
128
|
+
|
|
129
|
+
|