移动开发——viewport知识

（情况1）如果设置：

<meta name="viewport" content="width=device-width">

则：在iphone和ipad上，无论是竖屏还是横屏，宽度都是竖屏时ideal viewport的宽度。

（情况2）如果设置：

<meta name="viewport" content="initial-scale=1">

则：windows phone 上的IE 无论是竖屏还是横屏都把宽度设为竖屏时ideal viewport的宽度

（情况3）如果设置：
<meta name="viewport" content="width=400, initial-scale=1">

th=400表示把当前viewport的宽度设为400px，initial-scale=1则表示把当前viewport的宽度设为ideal viewport的宽度，那么浏览器到底该服从哪个命令呢？是书写顺序在后面的那个吗？不是。当遇到这种情况时，浏览器会取它们两个中较大的那个值。例如，当width=400，ideal viewport的宽度为320时，取的是400；

完美解决方案：

<meta name="viewport" content="width=device-width, initial-scale=1">