2011-12-30 32 views
15

我想为我的网站为视障人士创建缩放效果。放大网页

我目前有调整基于用户喜好的字体:

我使用这个脚本:

http://dev-tips.com/demo/jquery_font_size_change.html

,工程很大,但图像的大小保持不变,如果文本太大,它会弄乱我网站的视觉效果。

理想情况下,会弹出一个循环,然后用户可以在该网站上移动并查看其缩放版本。

是否有可能使用jQuery创建缩放效果?

+0

希望http://www.dynamicdrive.com/dynamicindex4/imagemagnify.htm这种插件需要吗? – run 2011-12-30 03:39:18

+1

视力不佳的用户是否会使用内置缩放功能的浏览器?您可以使用ctrl +/-或ctrl和mousewheel来调整浏览器的大小。为什么复制现有功能? – mrtsherman 2011-12-30 03:42:05

回答

13

我认为最好的答案是,目前所有的浏览器都支持本地缩放。他们也会比你使用JavaScript做得更干净。话虽如此,我认为实现这一点的唯一方法就是使用所有CSS %em值对您的网站进行编码。然后使用JavaScript来增加主容器的宽度,从而导致所有级联元素的大小增加。您还需要编辑您的默认字体大小,并且基于它的所有字体的大小都会增加。