Er wordt door webdevelopers vaak terecht gemopperd op al die verschillende browsers. Het is ook soms gewoon lastig. Naast Edge heb je natuurlijk ook nog Chrome, Safari, Opera en Firefox. En vaak werken sommige browsers weer nét even anders dan andere. Zo heb je soms bijvoorbeeld extra CSS voor de browser Firefox nodig. Op zijn zachtst gezegd: niet heel fijn. Maar ook zeker niet onoverkomelijk.
Aparte CSS voor firefox
Zo zijn er dingen die je soms in CSS anders moet declareren. Soms moet je aparte CSS gebruiken voor Firefox, omdat deze browser soms nét iets anders reageert dan bijvoorbeeld de browsers Chrome en Edge. Wanneer je CSS wilt gebruiken, specifiek voor de browser Firefox, dan moet je er de volgende code omheen zetten:
@-moz-document url-prefix()
{
}Wanneer je dat goed, zal die specifieke code in de Firefox browser worden uitgevoerd.
Ook voor Safari, de standaard browser op apparaten van Apple, heb je in sommige gevallen extra css code nodig, maar dit zullen we later behandelen in een ander artikel.
Meer tips
Vond je deze tip handig en ben je benieuwd naar mijn overige tips?
Klik dan op de knop hieronder.