专题页移动端适配实例
<html>
<head>
<title>一元购专题页</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<style>
html,body {
margin:0;
padding:0;
background-size:cover;
}
.content {
width: 100%;
height: 100%;
}
.content img {
display: block;
outline: none;
border:0;
width: 100%;
}
</style>
</head>
<body>
<table id="__01" class="content" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>
<img src="images/1yg_01.png" alt="" border="0" usemap="#Map"></td>
</tr>
<tr>
<td>
<img src="images/1yg_02.png" alt="" border="0" usemap="#Map2"></td>
</tr>
<tr>
<td>
<img src="images/1yg_03.png" alt="" border="0" usemap="#Map3"></td>
</tr>
<tr>
<td>
<img src="images/1yg_04.png" alt="" border="0" usemap="#Map4"></td>
</tr>
</tbody>
</table>
<!-- End Save for Web Slices -->
<map name="Map">
<area shape="rect" coords="2,2,627,499" href="#">
</map>
<map name="Map2">
<area shape="rect" coords="6,2,616,242" href="#">
</map>
<map name="Map3">
<area shape="rect" coords="1,1,632,254" href="#">
</map>
<map name="Map4">
<area shape="rect" coords="2,2,651,316" href="#">
</map>
</body>
</html>
