Can CSS Alone Replicate Webpage Scaling via Keyboard Shortcuts?

Replicating Web Page Scaling Using CSS

Enlarging a webpage through keyboard shortcuts is a handy feature for greater visibility. However, is it possible to achieve the same effect using only CSS?

CSS Solution

Fortunately, there exists a CSS property known as "zoom" that allows you to scale the entire webpage uniformly, including fonts and images. Unfortunately, this property is not supported by all major browsers, notably Firefox.

Firefox Alternative

To workaround Firefox's lack of support for "zoom," the "-moz-transform" property can be employed in Firefox 3.5 and later. This proprietary property offers the following CSS code for scaling the webpage:

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

The above is the detailed content of Can CSS Alone Replicate Webpage Scaling via Keyboard Shortcuts?. For more information, please follow other related articles on the PHP Chinese website!