<img src="HP-picture/HP-0.jpg" alt="内閣">
img {
max-width: 100%;
width: 1000px;
}
「table」は、「width=300」などと書くこともありますが、PC画面では、小さくなってしまうことがあります。その為、横幅は、指定しないのが、一番良いかも知れません。勝手に上手く調整してくれます。
ユーチューブの動画をHTMLファイルに埋め込んでコピーする場合に出くわすんですが、実は、これが、とても難しいのです。
@media screen and (max-width: 560px) {
.iframe-responsive {
position: relative;
width: 100%;
padding: calc(315 / 560 * 100%) 0 0;
}
.iframe-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
CSSファイルに上記の記載をします。そして、HTMLファイルには、下記の記載をします。
<div class="iframe-responsive"><iframe ??></iframe></div>
なぜかは、聞かないでください。とにかくこれで、万事上手く行きます。