ضبط ميزة "التكبير البصري" في IE باستخدام Javascript/CSS

Question

تم تصميم الموقع الذي أحتفظ به بشكل صارم جدًا باستخدام وحدات البكسل لأحجام الخطوط والأبعاد والموضع المطلق وما إلى ذلك.

يوجد الآن طلب ميزة لإضافة تغيير حجم الخط من قبل المستخدمين.على الرغم من أنني أعلم أن هذا مستحيل دون إعادة تصميم الموقع من الألف إلى الياء باستخدام الأبعاد النسبية، فقد اكتشفت أن الموقع يعمل بشكل جيد مع ميزة التكبير/التصغير IE7/IE8 (Ctrl + & Ctrl -).

السؤال هو، هل هناك طريقة "لاقتراح" IE لفتح هذا الموقع بمستوى تكبير افتراضي (على سبيل المثال، 125%) دون أن يطلب المستخدمون أنفسهم التكبير/التصغير؟

الموقع يستخدم مع IE 7+ فقط.

Answer 1

وإذا كان هذا هو للمستخدمين الاختيار، وترك الأمر لبرامج التصفح الخاصة بهم أكثر المتصفحات ناضجة لنا التكبير التي تضخيم تقديم صفحتهم (IE 7 و 8، أوبرا، فايرفوكس، كروم 2.0، سفاري؟). وعلاوة على ذلك اعتمادا على نظام (دقة الشاشة) للمستخدمين تأتي من ستحدد خيار التكبير بهم. للأسف كل متصفح يعالج تذكر الخاص بك التكبير وضع مختلفة قليلا عن الكروم المثال يتذكر في الموقع أثناء أي هو إعداد عمومي لكل علامة تبويب / نافذة جديدة.

Answer 2

إذا كنت تريد حقًا أن تفعل ما تريد، فما أفعله بالطبع لا أوصي، جرب شيئًا مثل هذا:

$(function(){
    var ratio = 1;
    $(document.body).css("zoom", 1.25); // zoom the page on DOMReady

    // bring back a 'normalized' behavior keyevent zooming
    $(document).keydown(function(e){
        if(e.ctrlKey && {187:1, 189:1, 96:1}[e.which]) {
            switch(e.which){
                case 187: // ctrl +
                    ratio += 0.25;
                    break;

                case 189: // ctrl -
                    ratio -= 0.25;
                    break;

                case 96: // ctrl 0
                    ratio = 1;
            }

            $(this.body).css("zoom", ratio);

            e.preventDefault();
        }
    });
});