Je suis en train d'essayer de développer une version mobile de mon application web et j'ai du mal à la faire paraître sur plusieurs navigateurs. Je pense que si j'utilise une détection de capacité de périphérique, je peux générer dynamiquement des largeurs et des tailles de police en fonction de la taille d'écran d'un périphérique particulier. Le problème est qu'il semble qu'un navigateur mobile ne traite pas 1px de largeur CSS égale à 1px de largeur d'écran. Sur un iPhone avec une largeur d'écran de 320px, une étiquette de corps de 320px de large occupe seulement environ un quart de la page. Sans réel cadre de référence, il est difficile pour moi de dire "Sur un écran de 320px de large, faites la police 16px" ou quelque chose du genre. Y a-t-il une règle générale que je peux utiliser pour calculer la largeur réelle du navigateur en CSS, ou un calcul en utilisant plusieurs capacités de périphériques qui m'aideront à générer du CSS dynamique plus efficacement?Comment utiliser efficacement CSS dynamique dans un navigateur mobile?
Merci,
Mike
Vous avez raison, et la balise que j'ai trouvée qui contrôle cela est: Après l'utilisation, il semble que css dynamique n'est pas aussi nécessaire depuis le navigateur sera réduit à un ratio de 1: 1 pixel. Ensuite, des éléments tels que les éléments de bloc fonctionnent plus efficacement pour étirer la taille de l'écran. – mclark1129