首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >允许用户更改网页字体大小- ASP.Net

允许用户更改网页字体大小- ASP.Net
EN

Stack Overflow用户
提问于 2009-07-31 20:31:17
回答 4查看 6.9K关注 0票数 1

我想在我的网站上提供一个功能,让用户通过点击一些东西(如+和- image等)来增加和缩小字体大小。不过,我也想:

  • 确保当字体大小增加时,我的网站布局不会被弄乱
  • 在我的机器上测试这个场景,以确定上面的要点。

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

在我的web应用程序中,我没有硬编码的字体大小,但是在某些地方,我指定了文本框长度,比如宽度=50 be,我认为它需要是changed..so --我应该使用哪个单元?

我正在考虑使用主题,并定义标签和文本框的字体大小为小、小、大等..not,确定这是否有效?

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

基本上,从所有的答案来看,我认为有两种方法:

  1. 使用em和body字体大小: body {字体大小: 62.5%;}p{字体大小: 1.2em;}

当您必须增加/减小字体大小时,只需增加/减少字体大小百分比即可。

  1. 使用绝对字体大小: css定义一个范围(7)的字体大小从xx-小到xx-大,所以你可以定义字体大小:小的css.

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

然而,这两种选择都不是我想要的。我在寻找真正意义上的绝对大小,所以如果我设置字体大小:大,然后我增加浏览器大小,字体大小现在应该保持same..right,即使这些“绝对字体大小”取决于当前浏览器的字体大小。有什么帮助吗?

EN

回答 4

Stack Overflow用户

发布于 2009-07-31 20:41:09

我会用jQuery来做这件事。这个问题并不完全相同,但是突出显示的答案非常接近你想要达到的目标:

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

这个也很好:http://webrocket.ulmb.com/ability,虽然演示是条小裤子

票数 1
EN

Stack Overflow用户

发布于 2009-08-01 02:20:14

您可能需要查看一些调查,以确定这是否是一个理想的功能。我认识的大多数人都会使用他们的网页浏览器内置的功能来操纵字体大小。在我自己对不同网站的测试和开发过程中,大多数客户都忽略了网站上的字体大小控制.从长远来看,可能会节省你一些时间:)

如果您发现您确实实现了这一点,最关心的是确保您的字体大小在平衡的情况下增加,并且您的布局和css设计模式是“流畅的”和“可扩展的”。这实际上有点困难,因为如果网站设计是一个固定宽度的布局,那么您可能会遇到问题,内容不能再适合,这可能是相当令人沮丧的是,你想要完成的事情。

如果不是,那么还是要确保在元素和它们的字体大小之间保持平衡。不过,就我个人而言,我会把字体的更改留给网络浏览器。大多数浏览器都能很好地自己处理布局。

票数 1
EN

Stack Overflow用户

发布于 2013-11-15 05:35:53

您已经非常接近这个解决方案了,我知道现在在这个线程上回复已经太晚了,但是猜测它可能对遇到这个问题的用户有用。

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

代码语言:javascript
运行
复制
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");

    }
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1214725

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档