首先,让我为缺乏SSCCE道歉。我在这方面没有足够的专业知识来弄清楚什么是相关的,什么不是。
简而言之,问题是在运行相同分辨率(1366x768)的两台不同计算机上,我女朋友的tumblr主题上的顶部边框(内容周围)在一个或另一个屏幕上偏差约1-3个像素。我们已尝试使用像素,百分比和em测量,但无济于事。一个系统在Ubuntu 11.10上运行chrome,另一个在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;
}
我想特别注意左边距规则,因为这是一个规则,如果更改,会影响边框的对齐。
最后,这是一个指向整个页面,标记和所有内容的pastebin链接,以防有其他相关内容: http://pastebin.com/MfxYgv0C
答案 0 :(得分:0)
尝试使用包装器div作为标头和内容,并将左边距设置为包装器。