Fluid Image

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="style.css">
<title>Fluid Image sample</title>
<style>
header,figure,footer,section,article { 
  display:block;
  margin: 0;
  padding: 0;
}
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
}
header {
  color:#fff;
  background-color: #290033;
}
header h1 {
  font-size: 1.6em;
  padding: 0.4em 0;
  margin: 0 0 0.2em 0;
}
footer {
  width: 100%;
}
img {
  max-width: 100%; 
  height:auto;
  margin: 0 0 5px 0;
  padding: 0;
  vertical-align: bottom;
  border:0;
}
</style>
</head>
<body>
<header>
<h1>Fluid Image</h1>
</header><!-- /header -->
<section>
<figure><img src="img/01.jpg" alt=""></figure>
<figure><img src="img/02.jpg" alt=""></figure>
<figure><img src="img/03.jpg" alt=""></figure>
</section><!-- section -->
<footer>
<small>&copy; 2013 Fluid Image</small>
</footer><!-- /footer -->
</body>
</html>