wap网站屏幕自适应的问题

最新推荐文章于 2021-03-18 20:07:00 发布

rw_w3c

最新推荐文章于 2021-03-18 20:07:00 发布

阅读量434

点赞数

文章标签： wap xhtml html iphone 浏览器手机

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">

<head>

</head>

在手机网站的head里加入以下标签，在iPhone的浏览器中页面将以原始大小显示，并不允许缩放。

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

其中：
width - viewport的宽度

height - viewport的高度

initial-scale - 初始的缩放比例
   minimum-scale - 允许用户缩放到的最小比例 //嘎嘎，终于知道我们的网站为什么不能缩小了，哈哈，原来我们缩放的最少比家里就是我们的默认比例啊…… wap网站屏幕自适应的问题
   maximum-scale - 允许用户缩放到的最大比例
   user-scalable - 用户是否可以手动缩放