【问题标题】:How to increase and decrease text size in web page? [closed]如何增加和减少网页中的文字大小? [关闭]
【发布时间】:2011-03-21 13:00:18
【问题描述】:

如何使用 PHP、CSS 或 JQuery 增加和减少网页上的文本大小?

【问题讨论】:

  • 使用 jQuery:$("#divs_id_that_I_want_to_increase_text").css("font-size", "22px");
  • 我认为这个问题是关于可访问性的,并在所有元素的全局范围内增加文本大小,并且网站在不同页面之间记忆。因此,下面的答案是毫无用处的......
  • @ck 所以我假设你有一个使用 php 的答案?
  • 不,我从来没有这样做过。我只是使用键盘上的缩放按钮....

标签: php jquery css text-size


【解决方案1】:

您可以通过以下方式增加整个页面的文本大小(对于从“正文”继承文本大小的所有元素):

function setFontSize(size) {
    $('body').css('font-size', '' + size + 'px');
}

演示here.

【讨论】:

    【解决方案2】:

    在文本容器上设置文本大小(一个 p、一个 div、一个跨度,...)。

    <p style='font-size:120%'>
    

    【讨论】:

    • text-size?这是新的 CSS 样式吗?
    【解决方案3】:

    检查font-size CSS 属性

    参考:http://www.w3.org/TR/CSS2/fonts.html#font-size-props

    【讨论】:

    • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效。
    • @pinkalvansia 是万维网联盟 (W3C) 的页面。很确定它不会改变;)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-06-11
    • 2021-03-13
    • 1970-01-01
    • 2020-10-20
    • 2014-10-14
    • 1970-01-01
    相关资源
    最近更新 更多