2011-12-30 42 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來增加主容器的寬度,從而導致所有級聯元素的大小增加。您還需要編輯您的默認字體大小,並且基於它的所有字體的大小都會增加。