1

我想在我的网站上提供一个功能，让用户通过点击一些东西（比如 + 和 - 图像等）来增加和减少字体大小。但是我也想要：

  • 确保当字体大小增加时，我的网站布局不会弄乱
  • 在我的机器上测试场景以确保上述要点

我认为我想要的是一个独立于浏览器字体大小和机器字体大小的解决方案，否则我将无法测试和控制结果

在我的 Web 应用程序中，我没有硬编码字体大小，但在某些地方我指定了文本框长度，如宽度 = 50px，我认为需要更改..那么我应该使用什么单位？

我正在考虑使用主题并将标签和文本框的字体大小定义为小，小，大等..不确定这是否可行？

更新：我也在另一个论坛上问过这个问题：http ://forums.asp.net/t/1453926.aspx

基本上，从所有答案中，我收集到有两种方法：

  1. 使用 em 和 body 字体大小：body { font-size: 62.5%; } p { 字体大小：1.2em；}

当您必须增加/减少字体大小时，只需增加/减少正文字体大小百分比

  1. 使用绝对字体大小：css 定义了从 xx-small 到 xx-large 的字体大小范围 (7)，因此您可以定义 font-size: small in css..

我在以下网址找到了一篇关于这些字体大小的好文章：http: //meyerweb.com/eric/articles/webrev/199908a.html

但是，这两个选项都不是我想要的。我一直在寻找真正意义上的绝对大小，所以如果我设置字体大小：大，然后我增加浏览器大小，字体大小应该保持不变..现在即使有这些“绝对字体大小”它取决于当前浏览器字体大小。有什么帮助吗？？？

4

4 回答 4

1

您可能想查看一些调查，看看这是否是所需的功能。我认识的大多数人都会使用他们的网络浏览器的内置功能来控制字体大小。在我自己在各种网站上的测试和开发过程中，大多数客户都忽略了网站上的字体大小控制。从长远来看，可能会为您节省一些时间:)

如果您发现您确实实现了这一点，那么最大的担忧是确保您的字体大小在平衡的情况下增加，并且您的布局和 css 设计模式是“流畅的”和“可扩展的”。这实际上有点难，因为如果网站设计是固定宽度的布局，那么您可能会遇到内容无法再适应的问题，这可能会让您想要完成的工作非常令人沮丧。

如果不是，那么再次确保在元素及其字体大小之间保持平衡。不过，就我个人而言，我会将字体更改留给网络浏览器。大多数浏览器都非常擅长自行操作布局。

于 2009-08-01T02:20:14.827 回答
1

我会使用 jQuery 来做到这一点。这个问题并不完全相同，但突出显示的答案非常接近您想要实现的目标：

允许用户更改网页中的字体大小

这个也蛮不错的：http ://webrocket.ulmb.com/ability ，虽然demo有点小裤子

于 2009-07-31T20:41:09.113 回答
0

您非常接近解决方案，我知道现在回复此线程为时已晚，但是猜测它可能对遇到此问题的用户有用

在简单的 Jquery 选择器中使用 css 更改字体大小。

function font_resize(act)
{
    if(act=='small')
    {
        $("body").css("font-size","10px");          
        $("#footer").css("font-size","9px");

    }
    else if(act=='mid')
    {
        $("body").css("font-size","12px");
        $("#footer").css("font-size","11px");

    }
    else if(act=='large')
    {
        $("body").css("font-size","15px");
        $("#footer").css("font-size","14px");

    }
}
于 2013-11-15T05:35:53.240 回答
-1

jQuery，请参阅使用 jQuery 轻松调整文本大小

于 2009-08-01T02:12:30.157 回答