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

最新推荐文章于 2021-12-27 16:44:54 发布

yuli001123

最新推荐文章于 2021-12-27 16:44:54 发布

阅读量186

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/yuli001123/article/details/84803768

版权

html 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<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;}

yuli001123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手机访问网页自适应网页及图片高度

&lt;html&gt;&lt;head&gt;&lt;title&gt;城外诚家居&lt;/title&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;&lt;meta name="viewport" content="widt
复制链接

扫一扫

专栏目录