RWD经典范例 - 原始码教学
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<title>RWD范例</title>
<!-- -->
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="xxx.css" />
<script type="text/javascript">
<!--
//-->
</script>
<script type="text/javascript" src=""></script>
<style>
/* 2015/07/22 JWU */
.cke img {
height: auto;
max-width: 100%;
}
.cke div {
height: auto;
max-width: 100%;
}
.cke table {
height: auto;
/*max-width: 100%;*//*无效*/
width: 100%;
/*table-layout: fixed;*/
}
/* 当宽度 < 320 px 时 载入 */
@media only screen and (max-width: 320px) {
.cke img {
height: auto;
max-width: 150%;/*故意使图片变大，在缩小萤幕时才看出效果*/
}
}
</style>
</head>
<body>
<div class="cke">
<!-- ck编辑器-->
<div class="wrap" style="border-style:solid;width:600px;" >
<img src="http://www.foxconn.com.xx/GW-CY-YT/banner.png" alt="" width="800" />
<table width="700">
<tr>
<td>regerg</td>
<td>SVSVSVSV</td>
</tr>
<tr>
<td><img src="http://www.foxconn.com.xx/GW-CY-YT/banner.png" alt="" width="800" /></td>
<td>CSCSCSCSC</td>
</tr>
</table>
</div>
<!-- ck编辑器end-->
</div>
</body>
</html>