CSSの画像
WEB制作を勉強中です。
CSSで画像のサイズを変更したかったのですが、うまくできませんでした。
よく見ると、その画像の拡張子は「JPG」（大文字）で、他のファイルの画像は「png」でした。なので、拡張子を全てpngに統一すると上手く画像を変更できました。
これの理由を解説していただきたいです…
WEBページ内の画像ファイルの拡張子は統一する必要があるのでしょうか？
0
1Answer
WEBページ内の画像ファイルの拡張子は統一する必要があるのでしょうか？
そんなことはありません、
下記のサンプルコードの場合、a.pngもa.JPGもサイズが変更されます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sample</title>
<style>
img {
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<img src="a.png">
<img src="a.JPG">
</body>
</html>
問題のあったソース等を添付された方が、
的確な回答が得られる可能性が高いと思います。
1Like
Comments
@ishida-kun
Questioner
回答ありがとうございます！もう一回見直してみます！