如何使用 CSS 複製 Firefox 的頁面縮放？

使用CSS 複製Firefox 的頁面縮放功能

Firefox 讓使用者可以使用鍵盤快速鍵按比例放大整個網頁> 。此功能擴展到所有頁面元素，包括字體和圖像。 要使用 CSS 來達到相同的效果，請利用 IE 5.5、Opera、Safari 4、和鉻。透過指定縮放值，您可以將整個頁面縮放所需的百分比。

但是，Firefox 不支援 zoom 屬性。作為替代方案，請在 Firefox 3.5 或更高版本中使用專有的

-moz-transform

屬性。此屬性允許您相對於原始大小縮放元素。 結合這兩種技術，您可以建立一個CSS 規則，使用zoom 和

- 縮放整個網頁- moz-transform

:此規則對內的元素套用300% 縮放div.zoomed

類，按比例縮放它們而不扭曲它們的外觀。

div.zoomed {
    zoom: 3;
    -moz-transform: scale(3);
    -moz-transform-origin: 0 0;
}

以上是如何使用 CSS 複製 Firefox 的頁面縮放？的詳細內容。更多資訊請關注PHP中文網其他相關文章！