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

时间:2010-08-27 18:11:50

标签: html css browser zoom

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

我已将网站转换为Drupal。我认为我已经用Zen theme开头的标记和CSS做了相当不错的干净工作。所有字体大小都在em中设置。这是一个固定宽度的布局。这可能是一个糟糕的决定但是...我基本上复制了旧的网站设计。

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

旧网站似乎有一些魔法或黑客可以避免这种情况。缩放文本大小时,除菜单外的所有文本都会缩放。它保持不变。我和Firebug一起玩了但是却找不到他们是怎么做的。客户希望新网站的行为方式相同。旧网站上的菜单是一个表格,所以我想知道表格是否对文本大小调整免疫。

感谢您的任何建议。

2 个答案:

答案 0 :(得分:0)

请注意,你可以自由地改变禅宗主题,你是对的,它是神奇的。另外,我使用NiceMenus模块增加了我的菜单处理功能,例如添加了一个下拉菜单。只需仔细阅读Zen Theme文档,您就可以得到您想要的内容。

如果您需要更多信息,请不要犹豫发表评论,

这不是一件坏事,你想做什么;)

希望这有帮助,

答案 1 :(得分:0)

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

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

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