Question

页面布局div 1px的 border 在手机里面变成2px;

<meta name="viewport" content="user-scalable=no, width=device-width,initial-scale=1"/>
设计稿是640px宽度的在。做手机页面时用的是320px宽度。别的除以2都多多少少还可以，可是一到1px的类似border什么的。手机里面出来的都是2px，看淘宝的移动版，都能出1px。到底是怎么做到的呢。

Answer 1

下面的回答并不正确，像这种没有解决你的问题的回答尽量还是不要采纳，因为对后来的求知者会产生阻碍。

为什么1像素变成了2像素呢？因为你用了viewport的meta标签，所有定义的px都变成了设备像素而非网页像素，也就是说实际上这个设备上的1px高度是由2个网页像素构成。关于这个，你可以了解一下viewport干了些什么。

怎么实现网页上的一像素呢？当我们用手机访问一个没有对手机适配的网页时，它的1像素就是1像素，我们再用viewport实现成它应当变成的二分之一就可以了，概念是这样：

变成2像素 ： 1px -> ×2 ->2px
变回1像素 ： 1px -> ×2 -> ÷2 -> 1px

具体怎么处理呢？
http://www.ghugo.com/mobile-h5-fluid-layout-for-iphone6/

看看吧，这边 写的还是挺详细的

我没有这种技巧的实战经验，有什么问题你都可以提问。

Answer 2

先所有的body里面的标签内边距和外边距都清为0；然后再设置相关标签的内边距或者外边距。同时也要注意浮动。

Answer 3

只定义一个边框即可，上边框或下边框，如：border-top: 1px solid #ccc;