Le CSS seul peut-il mettre à l'échelle proportionnellement les pages Web ?

Mise à l'échelle proportionnelle des pages Web avec CSS

L'agrandissement des pages Web dans les navigateurs peut être effectué avec des combinaisons de touches ou des méthodes spécifiques au navigateur. Dans Firefox, par exemple, appuyer sur CTRL redimensionne proportionnellement la page entière. Cette question demande : « Existe-t-il un moyen d'obtenir des fonctionnalités similaires uniquement en utilisant CSS ? »

La réponse réside dans la propriété CSS zoom. Pris en charge par des navigateurs tels que IE 5.5, Opera, Safari 4 et Chrome, zoom offre une solution pour mettre à l'échelle les pages Web de manière proportionnelle. Cependant, Firefox ne prend pas en charge le zoom.

Comme alternative à Firefox, la propriété propriétaire -moz-transform de Firefox 3.5 peut être utilisée. Un code CSS possible pour implémenter cette mise à l'échelle pourrait être :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!