新浪的wap网站，发现原来咱们的head存在着这样的差别

时间 2019-11-16

标签新浪 wap 网站发现原来咱们 head 存在这样差别栏目 HTML 繁體版

原文原文链接

前一段时间一直被wap网站的自适应困惑……html

仔细研究了一下新浪的wap网站，发现原来咱们的head存在着这样的差别……

<%@page contentType="text/html;charset=UTF-8"%>

<!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的宽度 ui

height - viewport的高度 spa

initial-scale - 初始的缩放比例
      minimum-scale - 容许用户缩放到的最小比例 //嘎嘎，终于知道咱们的网站为何不能缩小了，哈哈，原来咱们缩放的最少比家里就是咱们的默认比例啊……
      maximum-scale - 容许用户缩放到的最大比例
      user-scalable - 用户是否能够手动缩放scala