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

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

  •  1
  • tetranz  · 技术社区  · 15 年前

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

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

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

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

    谢谢你的建议。

    2 回复  |  直到 15 年前
        1
  •  0
  •   dmrnj    15 年前

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

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

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