首先,让我为缺少 SSCCE 表示歉意。我在这方面真的没有足够的专业知识来弄清楚什么是相关的,什么不是。
简而言之,问题是在两台运行相同分辨率 (1366x768) 的不同计算机上,我女朋友的 tumblr 主题的顶部边框(内容周围)在一个或另一个屏幕上偏移了大约 1-3 个像素。我们尝试过使用像素、百分比和 em 进行测量,但无济于事。一个系统在 Ubuntu 11.10 上运行 chromium,另一个在 Windows 7 上运行 Chrome。目前,是 Windows 7 系统出错。
这是它在我的屏幕上的样子:
希望它应该是什么样子是显而易见的。
这是重要的片段:
#header {
width: 650px;
height: 10px;
background: url('http://24.media.tumblr.com/tumblr_m7nz4c8UrU1rnrxu1o1_1280.png') no-repeat;
margin-left: 34.40em;
margin-top: 30px;
}
我想特别注意 margin-left 规则,因为该规则如果更改,会影响边框的对齐方式。
最后,这是一个指向整个页面、标记和所有内容的 pastebin 链接,以防有其他相关内容: http://pastebin.com/MfxYgv0C
最佳答案
尝试对页眉和内容使用 wrapper div,并将左边距设置为 wrapper。
关于css - Tumblr 主题 css 拼图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11725753/