代码之家 › 专栏 › 技术社区 › tetranz

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

zoom browser css html

1

tetranz · 技术社区 · 16 年前

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

我已将一个网站转换为Drupal。我认为我已经从 Zen theme . 所有字体大小都在em中设置。这是一个固定宽度的布局。这也许是个错误的决定,但是。。。我基本上是照搬老网站的设计。

位于的菜单是一个很好的位于div中的水平ul。其中一个用户似乎习惯于通过选中“仅缩放文本”的Firefox缩放来增加文本大小,或者在中更改文本大小,即,问题是菜单区域的大小是固定的,因此右侧的菜单选项会从末尾掉下来并消失。

老网站似乎有一些魔术或黑客,避免了这一点。缩放文本大小时,除菜单外,所有文本都会缩放。它保持不变。我和萤火虫打过交道,但还没找到他们是怎么做的。客户希望新站点的行为方式相同。旧站点上的菜单是一个表,所以我想知道表是否不受文本调整大小的影响。

谢谢你的建议。

2 回复 | 直到 16 年前

1

0

dmrnj 16 年前

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

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

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