(情况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">