如何使用 CSS 复制 Firefox 的页面缩放？

使用 CSS 复制 Firefox 的页面缩放功能

Firefox 允许用户使用键盘快捷键按比例放大整个网页 Ctrl 。此功能扩展到所有页面元素，包括字体和图像。

要使用 CSS 实现相同的效果，请利用 IE 5.5、Opera、Safari 4、和铬。通过指定缩放值，您可以将整个页面缩放所需的百分比。但是，Firefox 不支持

zoom

属性。作为替代方案，请在 Firefox 3.5 或更高版本中使用专有的 -moz-transform 属性。此属性允许您相对于原始大小缩放元素。结合这两种技术，您可以创建一个 CSS 规则，使用

zoom

和 - 缩放整个网页 - moz-transform:

此规则对 内的元素应用 300% 缩放

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

div.zoomed

类，按比例缩放它们而不扭曲它们的外观。

以上是如何使用 CSS 复制 Firefox 的页面缩放？的详细内容。更多信息请关注PHP中文网其他相关文章！