CSSで画像サイズを画面サイズに合わせたいのですがうまくいかないです。


CSSで画像サイズを画面サイズに合わせたいのですが反応しないです。

該当の画像ファイル名はINDEX.PNGとなります。


■■な機能を実装中に以下のエラーメッセージが発生しました。

### 発生している問題・エラーメッセージ

何故かCSSが無効になっているようです。

何卒、ご教授お願いいたします。

### 該当のソースコード

```HTML,CSS,JSです。

<!DOCTYPE html><!--[if IE]>  <html class="ie"> <![endif]-->
<html>
	<head> 
 <STYLE> 
 sup {
	top: -0.4em;
	vertical-align: baseline;
	position: relative;
}
sub {
	top: 0.4em;
	vertical-align: baseline;
	position: relative;
}
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
@media screen and (min-device-pixel-ratio:0), (-webkit-min-device-pixel-ratio:0), (min--moz-device-pixel-ratio: 0) {.stl_view{ font-size:10em; transform:scale(0.1); -moz-transform:scale(0.1); -webkit-transform:scale(0.1); -moz-transform-origin:top left; -webkit-transform-origin:top left; } }
.layer { }.ie { font-size: 1pt; }
.ie body { font-size: 12em; }
@media print{.stl_view {font-size:1em; transform:scale(1);}}
.stl_01 {
	position: absolute;
	white-space: nowrap;
}
.stl_02 {
	height: 74.33334em;
	font-size: 1em;
	margin: 0em;
	line-height: 0.0em;
	display: block;
	border-style: none;
	width: 42.91667em;
}

@supports(-ms-ime-align:auto) { .stl_02 {overflow: hidden;}}
.stl_03 {
	position: relative;
}


-------------------------------------------------------------------------------------------

この間のCSSは文字数制限の為割愛します。

-------------------------------------------------------------------------------------------



.ie .stl_144 {
	letter-spacing: -0.1348px;
}
.stl_145 {
	letter-spacing: -0.0064em;
}

.ie .stl_145 {
	letter-spacing: -0.1285px;
}
.resizeimage img { width: 50%; }
 </STYLE> 

		<meta charset="utf-8" />
		<title>
		</title>
		
	</head>
	<body>
		<div class="stl_02">
			<div class="stl_03">
				<img src="index.png" alt="" class="resizeimage" />
			</div>

	</body>
</html>