Taille d'élément par défaut HTML (Mise à l'échelle des pages HTML)

Question

Existe-t-il un moyen de déterminer la taille probable d'un élément HTML, une balise H1 par exemple en pixels par rapport à la taille du port d'affichage. Je veux afficher des pages HTML dans les pages, et je veux mettre à l'échelle le contenu de façon appropriée. De toute évidence, si un élément spécifie une hauteur en px ou similaire, je peux le redimensionner facilement, mais si aucune hauteur n'est donnée, comment puis-je procéder? Toutes les suggestions, les pointeurs ou les idées sont les bienvenus, peu importe si un code est en PHP ou Python, ou C++, ou ASP ... comme je cherche une méthode, pas le code en soi.

Merci

mintydog

Answer 1

body { 
    font-size: 62.5%; 
} 

#container { 
    font-size: 1.0em; /* eq to 10px */ 
} 

Puis-taille de la police ou d'un élément de calibrage/mise à l'échelle se produira à une échelle telle que:

• 1.0em = 10px
• 1.1em = 11px
• 1.2em = 12px
• 2.0em = 20px
• 5.0em = 50px

Si vous avez vos éléments dans un autre div, vous pouvez simplement mettre un .5em ou quelque chose pour en faire une version miniature du site tant qu'il se conforme à la même structure em. Sinon, vous devrez faire des captures d'écran.

Aussi comme Itay mentionné, vous devriez commencer par un reset.css d'abord, puis le faire pour aider à le garder cohérent. Vous devrez réappliquer des styles pour les tags liks fort, em, en-têtes, etc. mais vous aurez toujours une bonne base lors de l'utilisation des fichiers reset.css avant de faire des choses comme ci-dessus comme Eric Meyer's reset.css

Answer 2

Prenez l'un des fichiers CSS de réinitialisation du Web et de les utiliser (les modifier pour tous les éléments ont des tailles).
Utilisez des pourcentages ou EM pour les tailles.