关于移动端页面的viewport的设置，我看到很多资料都采用的是:<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>
我个人的理解就是这样的设置让视窗布局的的宽度为设备的宽度，对于iPhone4或者iPhone5来说，就是320px。前端开发人员就在一个宽度为320px的viewport上进行开发
但是我在查看淘宝手机端的页面时发现它的viewport的meta标签是这样设置的:<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no">
个人理解这样的设置岂不是将原始的980px的viewport缩小一半显示在手机屏幕上吗？但是chrome却显示此时viewport的大小为640px（以iPhone5为例，chrome浏览器的开发工具）。想知道这样设置的道理在哪里。
另外，我注意到淘宝首页使用rem布局，通过dpr计算出设置html标签的font-size值，不知道上面的设置是不是跟这样的布局方式有关？
之前在前端乱炖社区，看到一篇寒冬writer写的一篇博文《手机淘宝的flexible设计与实现》，讲的就是你要的，看懂了就够了。链接：http://www.html-js.com/article/2402
前段时间看过 ISUX 的文章《web app变革之rem》。希望对楼主有帮助
你是看的 m.taobao.com 么，他的是设置的<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">