解决h5页面图片在电脑上和和手机游览时,图片被拉伸情况,让手机上查看是满屏,电脑上看图片居中限制宽度为750
下面是定义在手机上显示比例:
即初始的缩放比例为1.0;initial-scale=1.0
表示的是允许缩放的最小比例; minimum-scale=1.0
表示的是允许缩放的最大比例; maximum=2.0
表示是否允许用户进行页面的缩放,值可以为yes或者no; user-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>