关于移动端页面的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值，不知道上面的设置是不是跟这样的布局方式有关？