Bienvenue à la frustration appelée développement Web et l'incohérence qui vient avec cela.
Pourquoi grande différence
Le RFC HTML5 et CSS a une définition technique de toutes les caractéristiques de la langue, mais il ne suffit pas spécifique. Ainsi, il en résulte que différents navigateurs ont des implémentations différentes de ce langage et donc vous remarquerez de légères variations qui peuvent casser des mises en page entières. En outre, les navigateurs implémentent souvent des fonctionnalités qui ne sont pas officiellement prises en charge par le langage RFC, elles ne sont donc pas prises en charge par d'autres navigateurs.
Comment puis-je obtenir un aspect cohérent entre les différents navigateurs
vous devez souvent ajouter explicitement les propriétés à votre feuille de style pour se débarrasser de styles par défaut. Vous pouvez choisir de vous limiter aux fonctionnalités officiellement prises en charge. Ou vous pouvez créer des éléments personnalisés comme des menus déroulants personnalisés et autres.
Je ne peux pas croire que cette question est à partir de 2017. Regard cohérent à travers les navigateurs a été un tel problème et préoccupation que plusieurs HTML5/CSS/JS ont été proposées en essayant de résoudre ce problème. Essayez googling sur la compatibilité cross-navigateur et vous trouverez du matériel à lire pour les deux prochaines années. Trouvez un cadre que vous aimez et utilisez-le. –
Google "css reset" – j08691