h5静态页面图片宽度代码,让手机上查看是满屏,电脑上看图片居中限制宽度为750

发布时间:2020年10月13日 阅读:51 次


解决h5页面图片在电脑上和和手机游览时,图片被拉伸情况,让手机上查看是满屏,电脑上看图片居中限制宽度为750


下面是定义在手机上显示比例:

即初始的缩放比例为1.0;initial-scale=1.0

表示的是允许缩放的最小比例; minimum-scale=1.0

表示的是允许缩放的最大比例; maximum=2.0

表示是否允许用户进行页面的缩放,值可以为yes或者nouser-scalable=yes


<html>
<head>
<title>文字标题</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<div style="max-width:750px;margin:0 auto">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="__01" width="100%" height="" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="/01.png" style="width:100%">
		</td>
	</tr>
	<tr>
		<td>
			<a href="http://www.baidu.com"target="_top">
			<img src="02.png" style="width:100%"></a>
		</td>
	</tr>
	<tr>
		<td>
			<img src="03.png" style="width:100%">
		</td>
	</tr>
</table>
</body></div>
</html>


https://baby.eqianzheng.com/
Tag:
相关文章

发表评论: