我已经在网站上工作了一段时间，在Chrome，Firefox和IE上进行了大部分测试。当我把事情包装起来时，我已经尝试在Safari（Mac，iPad和iPhone）上查看它。我注意到某些元素在Safari中放错了位置。我试过玩CSS，但我没有运气。
可以在此处查看该页面 - http://staging.princewebdesigns.com/gallais/
具体看标志（被向下推入横幅），横幅中的标语字体（包裹在横幅之外并向左延伸太远），“特色工作”标题包装，项目名称包装和页脚包装。
以下是页面的外观 - http://staging.princewebdesigns.com/gallais/images/chrome.png
要查看我在iPhone上的外观，请将上面的链接更改为... / iphone.png
感谢任何帮助。
答案 0 :(得分：0)
问题是（我认为）您放大了浏览器的文字。
我在Mac OS 10.7.3上的Safari 5.1中加载了该页面，并且它最初加载正常。当我正常缩放时，布局保持不变。一旦我尝试仅缩放文本，布局就会根据您的描述而破坏。
话虽这么说，如果用户的文字大小增加，你可能想要考虑如何使布局更“灵活”。例如，在IE中，默认缩放是全页缩放，但用户仍然可以增加文本大小而不是缩放。在这些情况下测试您的布局是值得的，以确保它不会完全脱轨。我不是说它必须完美，但仍然清晰可辨。
一个想法是尝试不同的单位。我发现当使用相对测量声明水平长度（例如margin-left）时，但是当使用像素测量声明垂直长度（例如margin-top）时效果更好。对于超级关键物品，如站点徽标，positon：absolute可能是一个很好的尝试途径。
