我正在尝试将 pinterest 徽标居中以仅用于检查目的。但与 Pinterest 网站相比,它并不完美。
请检查这个http://jsfiddle.net/Nwk5Q/embedded/result/
然后去http://pinterest.com可以看到左边的logo有点不同。
我检查了我的电脑,发现左侧位置相差大约 10 像素。为什么会这样?我复制了 pinterest 使用的相同代码。
我正在尝试将 pinterest 徽标居中以仅用于检查目的。但与 Pinterest 网站相比,它并不完美。
请检查这个http://jsfiddle.net/Nwk5Q/embedded/result/
然后去http://pinterest.com可以看到左边的logo有点不同。
我检查了我的电脑,发现左侧位置相差大约 10 像素。为什么会这样?我复制了 pinterest 使用的相同代码。
它被称为滚动条:-D
因为你有left:50%
并且标准滚动条很20px
宽,所以你留下了10px
偏移量;)
你可以加
body { overflow-y:scroll }
为了确定。
原因是在 pinterest 网站中有一个滚动条可以缩短网站的宽度。它把一切都推到了左边。
添加CSS
html { overflow:scroll }
你会发现没有区别
你做了这个了吗:
html, body {
margin: 0;
padding: 0;
}