首頁猿問更改瀏覽器縮放級別

更改瀏覽器縮放級別

JavaScript

犯罪嫌疑人X 2019-07-02 11:02:46

更改瀏覽器縮放級別我需要在我的網站上創(chuàng)建兩個按鈕來改變?yōu)g覽器縮放級別(+)(-)。我請求瀏覽器縮放，而不是CSS縮放，因為圖像大小和布局問題。這有可能嗎？我聽說過相互矛盾的報道。

查看完整描述

3 回答

慕后森

TA貢獻1802條經驗獲得超5個贊

我想說，在大多數(shù)瀏覽器中是不可能的，至少沒有一些額外的插件是不可能的。在任何情況下，我都會盡量避免依賴瀏覽器的縮放，因為實現(xiàn)不同(一些瀏覽器只縮放字體，其他瀏覽器也縮放圖像等等)。除非您不太關心用戶體驗。

如果您需要更可靠的縮放，那么可以考慮使用JavaScript和CSS，或者可能在服務器端放大頁面字體和圖像。圖像和布局縮放問題可以這樣解決。當然，這需要更多的工作。

反對回復 2019-07-02

DIEA

TA貢獻1820條經驗獲得超2個贊

如果這對你有用的話。這工作在FF，IE8+和鉻。其他部分適用于非Firefox瀏覽器。盡管這會給您帶來縮放效果，但它實際上不會在瀏覽器級別上修改縮放值。

    var currFFZoom = 1;
    var currIEZoom = 100;

    $('#plusBtn').on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom += step; 
            $('body').css('MozTransform','scale(' + currFFZoom + ')');
        } else {
            var step = 2;
            currIEZoom += step;
            $('body').css('zoom', ' ' + currIEZoom + '%');
        }
    });

    $('#minusBtn').on('click',function(){
        if ($.browser.mozilla){
            var step = 0.02;
            currFFZoom -= step;                 
            $('body').css('MozTransform','scale(' + currFFZoom + ')');

        } else {
            var step = 2;
            currIEZoom -= step;
            $('body').css('zoom', ' ' + currIEZoom + '%');
        }
    });

反對回復 2019-07-02