关于viewport的研究

昨天项目中用到了适应移动端显示的viewport，一般的使用方式如下：

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

但这样不能达到我想要的效果，及在竖屏时宽度为320像素，横屏时也是320像素，就是横屏时自动放大，

试了半天一直以为是调整width值的问题，最后才发现，原来要这样写:

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

只要不写默认放大比例initial-scale就可以了，又是费了很长时间的坑啊，不过最终搞定时还是很开心的

发现这种方法在ios系统中是可以的，但在安卓系统浏览器中还是没有生效，测试用的UC浏览器。

 

2014-03-20 09:51:53