`

手机访问网页自适应网页及图片高度

    博客分类：
  • html
 
阅读更多 
<html>
<head>
<title>城外诚家居</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<style type="text/css">
	body {
		height: 100%;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	img{max-width: 100%;height: auto;width: auto\9;}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (城外诚家居-01.jpg) -->
<table id="__01" width="100%" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="images/index_01.jpg" width="100%" height="68" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_02.jpg" width="100%" height="73" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_03.jpg" width="100%" height="81" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_04.jpg" width="100%" height="88" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_05.jpg" width="100%" height="95" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_06.jpg" width="100%" height="95" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_07.jpg" width="100%" height="89" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_08.jpg" width="100%" height="96" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_09.jpg" width="100%" height="97" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_10.jpg" width="100%" height="108" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_11.jpg" width="100%" height="157" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_12.jpg" width="100%" height="96" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_13.jpg" width="100%" height="116" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_14.jpg" width="100%" height="130" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_15.jpg" width="100%" height="90" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_16.jpg" width="100%" height="202" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_17.jpg" width="100%" height="117" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_18.jpg" width="100%" height="332" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_19.jpg" width="100%" height="148" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_20.jpg" width="100%" height="102" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

 

关键在这段代码:img{max-width: 100%;height: auto;width: auto\9;}

  • h5.rar (1.4 MB)
  • 下载次数: 1
分享到：
| 关于用javamail发送qq邮件时出现 PKIX path ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics