Verschil in output Media queries

Is er een verschil in output hoe ik media queries in mijn website zet?

Is er een verschil tussen dit:

En dit:

Zou iemand me kunnen helpen?


Groetjes,

Joren Wouters

Hi.

Deze kan je het beste gebruiken voor je media query:
min-width=
max-width=
orientation=

Het is ook mogelijk query's te maken op basis van de " -device-width" maar deze methode wordt sterk ontraden. Ze zijn namelijk niet gebaseerd op het browservenster. (Bron: Google).

Ik denk dat je "only screen" rustig kan weglaten. Je maakt de layout voor alle devices. Wil je daarna een aangepaste layout voor bijvoorbeeld een printer dan zet je de aanpassingen apart in je css als:
@media print and (....) {
}

Kijk naar je layout en niet naar devices. Hiermee bedoel ik dat je geen aparte breakpoints moet maken voor alle merken en modellen die te koop zijn. Maak je browser smaller (of breder) en kijk wanneer je layout een breakpoint nodig heeft.

Mijn voorkeur gaat uit naar @media in de stylesheet.

Suc6.