je développe mon webapp avec un certain niveau de zoom sur firefox que je mis d'abord (en utilisant la roue ctrl +). Maintenant, lorsqu'il est testé sur un autre PC sur Firefox, la valeur par défaut de 100% semble être trop grand. Puis-je régler par défaut à l'aide de CSS?
4 Réponses :
La page Zoom est une fonction de navigateur, pas un paramètre CSS (Eh bien, à l'exception de cette chose exclusive, qui est vraiment plus utile pour la correction des bugs que tout), il s'agit donc d'une variable contrôlée par l'utilisateur plutôt que de tout ce que vous avez contrôle sur.
Qu'est-ce que DA dit, Zoom est un paramètre contrôlé par l'utilisateur, mais vous pouvez former des choses relatifs au zoom, et si les utilisateurs n'utilisent pas CTR + - à la taille, mais modifiez le dimensionnement en définissant une taille de police par défaut, vous pouvez peut sur-traduire ce paramètre par défaut en définissant une taille de police dans les pixels (par opposition à l'EMS,%, etc.) ... Cela est toutefois considéré comme une mauvaise pratique, car elle peut rendre le lettrage / dimensionnement illisible et inchangé à certaines personnes, qui ne connaissent pas le CTR + - et s'appuyer sur une taille de police par défaut.
Vous pouvez ajuster le dimensionnement relatif aux paramètres des paramètres par défaut et zoom de l'utilisateur en réglant la taille de la police dans EMS ou%. Cela changera le dimensionnement des choses relatives au dimensionnement des utilisateurs.
Cela vous permet de faire une apparence de chaque page à une autre personne de la manière dont il vous ressemble ... Étant donné que la perception de chaque personne de "petit" "moyen" et "grand" est différente.
<html>
<body>
<div id="sampleDiv" style="width: 100px; background-color: Gray;">
Zoom Me
</div>
<button onclick="sampleDiv.style.zoom='300%'">Zoom 300%</button>
<button onclick="sampleDiv.style.zoom='200%'">Zoom 200%</button>
<button onclick="sampleDiv.style.zoom='100%'">Zoom 100%</button>
</body>
</html> Vous pouvez définir le zoom à l'aide de la propriété CSS Cependant, cela ne devrait probablement pas être utilisé sur des sites en direct ... zoom . C'est une vieille chose qui est également prise en charge en chrome et safari.
Cela le fait toujours xD