Question

我相信你们一定在某些网站上看到了字体大小调整选项，它们显示字母表＆＃34; A＆＃34;在小，中，大尺寸点击，改变网站的字体大小。我有两个问题：

实际上叫什么东西？就好像有一个术语来描述它一样？
我可以在网站上反对使用此参数吗？其中一位客户要求将其纳入网站，并且我没有看到使用它的任何实际好处，那么我可以向客户提出哪些论据反对使用它？

Answer 1

它被称为“字体大小更改选项”或“字体大小调整器”。这是一个简单且最小的5行代码jQuery教程：http://www.programming-free.com/2013/12/increase-decrease-font-size-jquery.html

扩大字体大小的一些代码：

newFontSize= parseInt($('#content').css('font-size')) + 2;
$('#content').css('font-size', newFontSize);

用户可以在浏览器中使用CTRL +。问题是最终用户不知道这个伎俩。这是一个快速而简单的实现，无需说服客户端反对它。编程10小时后，我发现自己很难看到清晰的小文本。也许客户有视力问题，需要解决像他这样的人。

Answer 2

“从jQuery 1.6开始，.css（）接受类似于.animate（）的相对值。相对值是一个以+ =或 - =开头的字符串，用于递增或递减当前值。例如，如果元素的填充-left为10px，.css（“padding-left”，“+ = 15”）将导致25px的左侧填充。“

Reference

为此，你可以使用一个函数回调来返回实际值，然后返回新值。

如下所示。

  $("#fontPlusBtn").click(function (){
        $("#textDiv > *").css("font-size", function(i, value) {
            return parseInt(value) * 1.1;
        });
    });

使用 Demo 增加按钮上的字体大小点击：

我希望这可以帮助您，因为您在Button Click上描述了字体大小更改。

Answer 3

您客户的目标群体是什么？添加此类功能通常被认为是Web可访问性的良好实践。它并没有真正占用屏幕上的太多空间而且不会弄乱设计，但是如果用户在阅读文本时遇到麻烦，则可以选择放大文本。

我不会试图反对它，而是找到一种实现功能的巧妙方法。

英国广播公司的无障碍政策是一个很好的阅读： http://www.bbc.co.uk/accessibility/best_practice/policy.shtml

单击按钮时增加/减小字体大小

3 个答案: