新浪的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