Säkra kompatibilitet varje gång

i Utveckling

Att försäkra kompatibilitet för de mest populära webbläsarna är viktigt, men ofta även väldigt tidsödande. Nedan är en summering av How to get Cross Browser Compatibility Every Time. Gå igenom dessa punkter och försäkra dig om att din HTML och CSS kommer att fungera optimalt.

Webbläsare Safari, Firefox, Camino, Opera & Safari

  • Använd alltid strict-doctype och standardkompatibel HTML/CSS
  • Använd alltid återställning i början av din CSS
  • Använd -moz-opacity:0.99 på textelement (P, LI, etc) för att förfina rendering i Firefox, och text-shadow: #000 0 0 0 för Safari.
  • Skala aldrig bilder med HTML eller CSS
  • Kontrollera rendering i populära webbläsare och använd inte Lucida
  • Sätt textstorlek för body i %, därefter endast em
  • Alla element som har float bör även ha display:inline och overflow:hidden
  • Alla containers bör ha overflow:auto
  • Använd inga häftiga CSS3-selectorer (ännu)
  • Använd inte transparenta PNG-bilder (PNG24) utan att knuffa igång Alpha-kanalerna

Relaterat