welke css query method gebruiken is het beste?element query,container query of media query?
ik wil weten welke css query method gebruiken is het beste:
element query ,container query(opvolger van element query) welke is gericht op element,of media query? en waarom?
zou het media query voldoende zijn voor moderne responsive website of container query heeft meer voordelen?
dank u wel
johannes
Gewijzigd op 21/04/2017 12:20:51 door Johannes davidian
Ik heb eerlijk gezegd geen flauw idee waar je het over hebt. CSS media queries? Meta tag queries? En wat zijn element en container queries überhaupt? Of heb je het wellicht over document.querySelector/document.querySelectorAll in javascript?
Voor zover ik weet gebruik je hier altijd Media queries voor.
Wat wel helpt om zo min mogelijk media queries regels te krijgen is om de content al flexibel te maken. Hiervoor kun je de Flex-box gebruiken.
Meer informatie hierover:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Gewijzigd op 09/06/2017 08:30:49 door Jan Graneker
Ik ben begonnen om bootstrap te gebruiken in plaats van foundation grid systeem.
maar mij vraag is:
ik denk flex-box wordt niet ondersteunt bij iedere browser.
als dat is zo? wat kan oplossingen zijn voor deze browsers?
johannes
http://caniuse.com/#search=flexbox
Verder is Caniuse een zeer handige site om compatibiliteit op te zoeken.
johannes
- Ariën - op 09/06/2017 12:14:48:
De Flexbox wordt niet door elke browser ondersteund:
http://caniuse.com/#search=flexbox
http://caniuse.com/#search=flexbox
Huh? "Niet"? Ik zie alleen maar groene blokjes...
Hm, ik zou zweren dat ik er ergens een rode tussen zag? In ieder geval is het een heel groot aandeel inmiddels.
Moet je even op "Show all" klikken.
Zoals je dan ziet, hebben met name oudere IE versies geen goede ondersteuning.
Die 0,2 procent is wel erg weinig....
De rest van de browsers hebben wel een automatische update.
Gewijzigd op 11/06/2017 21:51:43 door - Ariën -
Ozzie PHP op 11/06/2017 20:33:13:
>> Huh? "Niet"? Ik zie alleen maar groene blokjes...
Moet je even op "Show all" klikken.
Zoals je dan ziet, hebben met name oudere IE versies geen goede ondersteuning.
Moet je even op "Show all" klikken.
Zoals je dan ziet, hebben met name oudere IE versies geen goede ondersteuning.
Als je gaat kijken welke browsers geen of een slechte ondersteuning hebben, dan blijken dat browsers te zijn die al een jaar of vijf oud zijn. Je moet je afvragen of je dergelijke browsers uberhaupt nog wilt ondersteunen. De problemen die je dan over je afroept zijn groter dan die van dat ene flexboxje.
Mijn credo in dezen is: laat de natuurlijke selectie zijn werk doen. ;-)
I couldn't agree more :-)
een 8 jaar oud besturingssysteem blijven werken…
Er zijn zelfs mensen die met En wat heeft dat met een up-to-date browser te maken?
Edge wordt pas geleverd sinds Windows 10, en de ontwikkeling voor Internet Explorer is gestopt.
hoe kan dan deze problemen opgelost?
johannes
Al doorgeklikt naar het naastgelegen tabblad?
ik zie op nummer 4 ((Partial support is due to large amount of bugs present (see known issues) )
geen doorgeklikt functie.
johannes
'Known issue' tabblad ernaast.
ik heb niet opgelet.
dank U Wel
johannes