这是一个很普遍的问题,但是你认为在网站上提供文本大小调整工具很重要吗,因为大多数浏览器似乎提供文本调整或更常见的缩放,所以这只会影响文本效果吗?
答案 0 :(得分:3)
答案 1 :(得分:2)
您可以使用JQuery:
$(function() {
$('a').click(function() {
var os = $('p').css('font-size');
var num = parseFloat(os);
var uom = os.slice(-2);
if (this.id == 'larger') {
$('p').css('font-size', num * 1.4 + uom);
} else
$('p').css('font-size', num / 1.4 + uom);
})
})
HTML:
<a href="#" id="larger">Larger</a>
<br/>
<a href="#" id="smaller">Smaller</a>
<p>Your Text</p>
答案 2 :(得分:2)
我认为这取决于您的受众群体。我猜绝大多数计算机用户完全不知道他们的浏览器可以缩放页面,更不用说如何做了。
这种功能似乎很受报纸的欢迎(例如The Guardian),这显然被广泛的网络用户使用。如果您的网站针对的是更多技术人员,或者图形密集,则此功能可能不值得。
答案 3 :(得分:1)
您的文字应该可以调整大小,即布局应该有一些非常大的字体大小。但是您不需要提供额外的工具来重新发明本机浏览器功能。好reasons against such options。
如果您关心辅助功能,请不要创建调整大小的需要。使用用户的正文字体大小,在em
中设置尺寸,并使用最小字体大小首选项(20px及以上)测试布局。