如何从浏览器缩放中排除某些文本

Question

是的，我知道这可能是一件坏事。

我已将一个网站转换为 Drupal。我认为从Zen theme 开始，我在标记和CSS 方面做得相当不错。所有字体大小均以 em 为单位设置。这是一个固定宽度的布局。这可能是一个糟糕的决定，但是……我基本上复制了旧的网站设计。

at 的菜单是一个很好的 div 内的水平 ul。其中一位用户似乎习惯于通过使用 Firefox 缩放并选中“仅缩放文本”或更改 I.E. 中的文本大小来增加文本大小。问题是菜单区域的大小是固定的，所以右侧的菜单选项会掉到最后并消失。

旧网站似乎有一些魔法或技巧可以避免这种情况。缩放文本大小时，除菜单外的所有文本都会缩放。它保持不变。我已经用 Firebug 到处乱逛，但找不到他们是如何做到的。客户希望新站点以相同的方式运行。旧网站上的菜单是一个表格，所以我想知道表格是否不受文本大小调整的影响。

感谢您的任何建议。

Answer 1

旧网站从未缩放的原因是因为他使用图像进行导航。您提到的两个缩放功能不会放大图像，仅放大纯文本，因此它们保持不变。

您当前设计的问题在于您使用的是文本（可以说这是正确的方法），但父 div #main 固定为像素宽度，因为其中的两列是固定像素宽度。

这里真正理想的情况是用 em 而不是像素来指定所有布局的宽度。然后，如果用户只缩放字体大小，它也会缩放布局。但是，您的背景图像将不支持这一点。如果您可以放弃阴影并改用背景颜色，那可能是更灵活的解决方案。