我正在努力解决几个小时的新问题，并且无法正确处理。我的CSS技巧很纯，所以请理解。
所以我想要实现的是我在网站上有图像，当我改变浏览器窗口的大小时，图像大小必须调整到浏览器大小，这样才能看到整个图像。图像也必须位于页面的中心。谢谢你的帮助。
索引.php：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
<title>James Laycock</title>
</head>
<body>
<div id="main">
<div id="content">
<div id="image_container">
<a href="index.php?page=1"><img src="images/01.jpg" class="image" /></a></div>
</div></div></body></html>
样式.css：
body{
margin: 0;
padding: 0;
padding-top: 10px;
text-align: center;}
#main {
height: 90%;
width: 1000px;
position: absolute;
border: 0px;
padding: 0;
margin: 0 auto;}
#content{
height: 90%;
width: auto;
margin-top: 10px;
margin-right:10px;}
#image_container{
height: 100%;
max-height:100%;
width: auto;}
.image{
height: 100%;
width: auto;}