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

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


解决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=2.0, user-scalable=yes">
</head>
<div style="max-width:1000px;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>


筋斗云Diary版权 https://blog.eqianzheng.com/
Tag:
相关文章
随机文章
  • 有赞微商城应用统计
  • 常用互联网电商计算公式
  • ps一些快捷键收集
  • 线上教育需要备案的网站收集
  • 关闭Discuz管理员IP验证,解决后台经常异常退出问题
  • openwrt路由器定时关机命令
  • 淘宝客网站页面模版调用说明
  • 注册一家公司要多少钱?(工本费)
  • 亚马逊海外开店商品分类
  • 所有问题的解决办法只有两个字(改变一和问题收集)
  • 发表评论: