新浪的wap网站，发现原来我们的head存在着这样的差异
2013-06-20 14:27
387 查看
前一段时间一直被wap网站的自适应困惑……
仔细研究了一下新浪的wap网站，发现原来我们的head存在着这样的差异……
<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>
</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 - 允许用户缩放到的最小比例 //嘎嘎，终于知道我们的网站为什么不能缩小了，哈哈，原来我们缩放的最少比家里就是我们的默认比例啊……
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
仔细研究了一下新浪的wap网站，发现原来我们的head存在着这样的差异……
<%@page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta name="viewport" content="width=device-width; initial-scale=1.4; minimum-scale=1.0; maximum-scale=2.0"/>
<meta name="MobileOptimized" content="240"/>
</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 - 允许用户缩放到的最小比例 //嘎嘎，终于知道我们的网站为什么不能缩小了，哈哈，原来我们缩放的最少比家里就是我们的默认比例啊……
maximum-scale - 允许用户缩放到的最大比例
user-scalable - 用户是否可以手动缩放
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 新入的Android工程很多时候都会遇到这样的问题，R.mainactivity.xml报错，一看原来发现是R类访问不到我们的资源文件在这个时候怎么解决呢？
- 密码发生器 在对银行账户等重要权限设置密码的时候，我们常常遇到这样的烦恼：如果为了好记用生日吧，容易被破解，不安全；如果设置不好记的密码，又担心自己也会忘记；如果写在纸上，担心纸张被别人发现或
- JS--我发现，原来你是这样的JS：面向对象编程OOP[3]--(JS继承)
- JavaScript--我发现，原来你是这样的JS：函数表达式和闭包
- JS--我发现，原来你是这样的JS（三）（基础概念--灵魂篇）
- Nature：原来记忆是这样形成的！科学家发现记忆形成新机制
- 一步步学Qt，第五天-Qt这样的小小差异你发现了多少
- JS--我发现，原来你是这样的JS（一）（初识，历史）
- JS--我发现，原来你是这样的JS（四）（看看变量,作用域,垃圾回收机制是啥）
- JS--我发现，原来你是这样的JS：面向对象编程OOP[2]--(创建你的那个对象吧)
- 一步步学Qt，第五天-Qt这样的小小差异你发现了多少
- 原来可以这样插入代码，以前没发现。。。
- 发现不错的CSS不同浏览器之间存在的差异总结，很有用，转载喽。
- JS--我发现，原来你是这样的JS（引用类型不简单[下篇]，基本包装类型与个体内置对象）
- JS--我发现，原来你是这样的JS：面向对象编程OOP[1]--(理解对象和对象属性类型)
- 原来，我们的时间这样被科技巨头们瓜分（转）
- JS--我发现，原来你是这样的JS（引用类型不简单[上篇]，且听我娓娓道来）
- 前言 我们知道不同的操作系统有各自的文件系统，这些文件系统又存在很多差异，而Java 因为是跨平台的，所以它必须要统一处理这些不同平台文件系统之间的差异，才能往上提供统一的入口。 关于FileSy