Beiträge: 411
Themen: 94
Registriert seit: 19.04.2007
23.11.2019, 10:18
(Dieser Beitrag wurde zuletzt bearbeitet: 23.11.2019, 10:24 von falcao1010.)
Hallo,
ich habe in meinem Forum kommunalforum.de einen Button installiert, der immer im Vordergrund steht (Link zum newthread). Das klappt auch gut.
Allerdings gefällt mir nicht, dass der Button in der Desktop- und mobilen Ansicht gleich groß ist (Schriftgröße, Breite, Position, usw.).
Ich möchte den Button daher abhängig von der Bildschirmgröße leicht verändern (2 oder vielleicht 3 Versionen).
Hat dazu jemand einen Tipp? Bitte möglichst konkret :-)
Beiträge: 2.251
Themen: 33
Registriert seit: 25.05.2018
MyBB-Version: 1.8.38
Arbeite im css statt mit px mit % oder vw und vh.
Alternativ kann man ein Media-Query definieren. Dann ist die Größenänderung allerdings stufenweise.
Beiträge: 411
Themen: 94
Registriert seit: 19.04.2007
Ich habe die px durch eine Formel ersetzt, die ich noch aus anderem Zusammenhang hatte. Was meint Ihr, ist das Ergebnis jetzt so in Ordnung?
Beiträge: 2.251
Themen: 33
Registriert seit: 25.05.2018
MyBB-Version: 1.8.38
(23.11.2019, 12:14)falcao1010 schrieb: Ich habe die px durch eine Formel ersetzt, die ich noch aus anderem Zusammenhang hatte.
"Deine" Formel kommt mir bekannt vor. Siehe
hier .
Du definierst dort 1900px als 125% Viewportbreite. Kann man machen, aber warum?
Beim groben drüberschauen sieht`s aber eigentlich ganz gut aus.
Beiträge: 411
Themen: 94
Registriert seit: 19.04.2007
23.11.2019, 14:48
(Dieser Beitrag wurde zuletzt bearbeitet: 23.11.2019, 14:51 von falcao1010.
Bearbeitungsgrund: Hochkant-Ansicht
)
Habe die Formel noch nicht recht verstanden ;-)
Ich finde den Button auf dem Smartphone in der Hochkant-Ansicht noch etwas zu breit. Komme da nicht richtig weiter ...
Beiträge: 2.251
Themen: 33
Registriert seit: 25.05.2018
MyBB-Version: 1.8.38
Code:
width: calc(120px + (200 - 120) * ((100vw - 320px) / (1900 - 320)));
height: calc(25px + (60 - 25) * ((100vh - 320px) / (1900 - 320)));
font-size: calc(15px + (24 - 15) * ((100vw - 320px) / (1900 - 320)));
Besser?
Beiträge: 411
Themen: 94
Registriert seit: 19.04.2007
Ja, sehr schön, vielen Dank.