缩放时谷歌Chrome乱码导航菜单

时间:2012-10-19 08:23:56

标签: html css google-chrome zoom

直到最近,谷歌浏览器才能正常使用,并且适用于所有其他浏览器。

出于某些原因,当我使用谷歌浏览器放大和缩小时,我的顶部导航按钮上的边框会变形。每个之间出现一条暗线。此外,我的最左边的按钮在缩放时包裹到下一行。任何人都可以提供有关为何发生这种情况的任何见解吗?

任何人都可以提供任何有关如何防止品牌标签在缩放时移动太多的提示吗?我正在使用em作为字体大小,但我知道无论它是什么样的移动。我可以把整个ul放在中心位置,但是有更清晰的方法可以隐藏它吗?

http://dev.gerhardsappliance.com/

1 个答案:

答案 0 :(得分:0)

似乎很多问题都伴随着您使用的图像数量。您可以通过精简图像和使用CSS为您工作来极大地简化菜单。

例如,如果不使用背景图像运行.topNavC,而是使用背景图像运行li本身(甚至整个ul)并将其覆盖,则您的跨度之间的线条将不可见需要时.topNavL和.topNavR背景。您可以使用两个甚至一个图像完成此菜单外观。

缩放时,所有这些图像都被强制为不一定适合的像素比率。无论如何,我会使用CSS作为蓝色边框和白色背景而不是图像。