0

首先,让我为缺乏 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

4

1 回答 1

0

尝试对标题和内容使用包装器 div,并将左边距设置为包装器。

于 2012-07-30T16:52:09.300 回答