|
|||
@media Gerätemerkmale anzeigen lassen
Hallo allerseits,
habe eigentlich nur eine kurze, grundsätzliche Frage. ich experimentiere im Moment mit Breakpoints herum und frage mich, ob es irgendwie möglich ist, sich die Parameter die zur Auswertung der bedingten Anweisungen mit der @media (höhe, weite ratio etc.) herangezogen werden auch (von mir aus auch mit php oder JS) anzuzeigen sind? Also eine Seite machen die einem die Geräteparameter anzeigt wenn man die Seite mit einem entsprechenden Gerät aufruft. Hab im Netz nichts dazu finden können, hab ich nur mit den falschen Stichworten gesucht oder geht das überhaupt nicht? vielen Dank im Voraus Zen |
Sponsored Links |
|
|||
Was meinst du da genau? Wenn ein mediaquery jetzt zB sagt (max-width: 500px) und ich am Desktop mit HD Auflösung den Browser kleiner mache, soll dann 1920px angezeigt werden? Das geht nicht, du hast keinen Zugriff auf solche Informationen.
Du kannst die Größe vom Browserfenster anzeigen, aber was bringt dir diese Information? |
Sponsored Links |
|
|||
Theoretisch könntest du eine riesige Liste mit Media-Query-Abfragen basteln um alle möglichen Größen einzeln abzufragen.
Sinnvoller dürfte es aber sein auf JavaScript zurückzugreifen. Stichwort dazu wäre das DOM (Document Object Model). https://wiki.selfhtml.org/wiki/JavaScript/DOM |
|
|||
Hallo nochmal,
erst mal besten Dank für die Rückmeldungen @cloned bin mir jetzt nicht sicher was du meinst. mir ging es darum, die Seite mit verschiedenen Geräten aufzurufen und dann die Parameter angezeigt bekomme auf die, die @media Abfrage zurückgreift. also, wenn ich mein Smartphone benutze bekomme ich die Info welche Höhe, Breite, Orientierung, ratio, ..farbtiefe etc. jetzt nun bei diesem Gerät konkret erkennt wenn ich dann mein Tablett benutze sehe ich hat die entsprechenden Wert vom Tablet ..beim PC die vom PC etc mein erster Versuch war es einfach den Simulationsmodus vom Chrome zu nehmen aber da haben meine ersten Breakpoint Versuche nicht funktioniert das einzige was funktioniert hat war die Abfrage auf die Orientierung, also Landscape/Portrait das hat er auch beim Verschieben der Ränder dann automatisch angepasst. das sogar auch auch ohne Simulationsmode, also nur durch Browserfenster-Größenänderung aber bei max/min-width Abfrage hat er auf Größenänderung überhaupt nicht reagiert dann lag es natürlich nahe zu versuchen die Werte mal anzuzeigen auf die, die @media-Abfrage zurückgreift das mit der Größe vom Browserfenster hab ich mit JS gemacht funktioniert auch, aber bringt natürlich nix @top so was ähnliches wie mit den Vielfachabfragen ist mir auch in den Sinn gekommen, aber eher sich iterierend an den entsprechenden Wert heranzutasten (quasi regular falsi) aber wenn der so gar nicht reagiert macht das natürlich auch keinen Sinn. ...habe aber nicht ganz verstanden welche Infos auf welche Weise ich da aus dem DOM holen kann beim Entwicklermodus im Browser oder JS-Abfrage von Variablen? wie auch immer, ich kann Entwarnung geben, habe es jetzt noch mal mit dem Chrome Simulatonsmode versucht und jetzt funzt es komischer weise, keine Ahnung warum das beim ersten mal nicht ging trotzdem noch mal vielen Dank für die Mühe Gruß Zen |
Stichwörter |
@media, breakpoints, gerätemerkmale, medienmerkmale |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bild zentrieren | JuKo | CSS | 4 | 21.03.2018 01:35 |
Wiedereinstieg | dabe2k16 | Site- und Layoutcheck | 8 | 18.11.2016 18:31 |
Google News Nachbau | lost.im.code | CSS | 12 | 25.03.2016 09:55 |
Var_Dump problem | PHP-Freak | Serveradministration und serverseitige Scripte | 6 | 04.09.2013 13:29 |
In Detailansicht leere Felder anzeigen lassen oder nicht? | xenia | (X)HTML | 3 | 22.07.2011 11:51 |