Hallo!
wie umgehst du diese Problematik?
Vielleicht verstehe ich die Problematik nicht, aber was ist daran falsch, einfach »ein ganz bisschen« hinzuzufügen, was zu einem Pixel umgerechnet wird? Bspw.
@media only screen and (min-width: 50em) and (max-width: 90em) {
@media only screen and (min-width: 90.0625em) {
Oder runden die Browser das und wenden beide Regeln an, wenn der Viewport 90em breit ist?
So macht es Zurb Foundation bei seinen stacked MQs, die em verwenden. Scheint also zu funktionieren…?
Ausschnitt aus Foundation:
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
usw.
Wenn ich das richtig verstehe, ist dein Einwand: Was ist, wenn 1em kleiner als 16px ist und 1/16em weniger als 1px ergibt?
Ja, erkenne ich als theoretisches Problem an… :) In der Praxis wird die Basisschriftgröße ohnehin in den allermeisten Fällen ignoriert und zur Vereinheitlichung body { font-size: 16px; }
oder was auch immer gesetzt.
Grüße
Mathias