Wie viele versuche ich "Responsiv Design" über entsprechendes CSS abzubilden.
Leider habe ich die passenden Query Parameter noch nicht gefunden. Es bezieht sich alles auf Pixel.
Meine Problemstellung:
Ich habe (von klein zu groß) ein Smartphone mit Full-HD (5,2 Zoll) , ein Tablet (HD 1280×720 8 Zoll), ein Laptop (3.000 x 2.000 13,5 Zoll) und einen Desktop Full HD 23 Zoll plus ein Smart-TV mit 4K
Trotz der hohen Pixelanzahl des 4K Gerätes brauche ich hier durch den weiten Abstand die größte Schrift und Icons. Und mit gleicher Schrift und Icon Größe für Desktop und Smartphone
wird auch keiner richtig glücklich.
Das Smartphone, das Tablet und falls ich die Tastatur abnehme auch der Laptop melden sich mit Screen only.
Also wie bekomme ich mit einer Media Query etwas sinnvolles für mein Design heraus.
Jeder Link willkommen.