AW: Browser Fenster Grösse ermitteln dann CSS Dateien aufrufen? Hallo, so kann man das vom Prinzip her natürlich angehen und vor ein paar Jahren hat man das auch so ähnlich gemacht - heute würde ich dir aber eine andere Herangehensweise empfehlen. Du erstellst nicht mehr für jede Viewportgröße (Viewport = der Bereich, der im Browserfenster jeweils sichtbar ist) eine CSS-Datei, sondern machst ein CSS-Layout, das sozusagen auf allen passt. Ich kenne deine Seite im Ganzen nicht. Daher nur mal ein paar Gedanken. Du rufst bei der Größenberechnung ja sowieso nur den Bildschirm ab, der auch dem Browser zur Anzeige des Webinhalts zur Verfügung steht. Heißt: du ermittelst nicht die tatsächliche Bildschirmgröße (Auflösung) des Gerätes, sondern die Fläche des Inhalts im Browserfenster. Html bildschirmauflösung ermitteln online. Du verwendest nun als Operator das "=", das doppelt, was bedeutet, dass du jeweils eine CSS-Variante für exakt 1024 oder exakt 1280 Pixel geladen wird. Nur gibt es heute schon Bildschirme, die 2560 Pixel breit sein können.
Mit dem Screen -Objekt können Sie Angaben zum Bildschirm des Anwenders ermitteln. Diese Angaben wurden früher oft dazu verwendet, das Layout einer Web-Seite oder die Fenstergröße an die zur Verfügung stehenden Bildschirmgröße anzupassen. Das screen-Objekt liefert jedoch im Hinblick darauf unzuverlässige Werte, daher hat seine Bedeutung abgenommen. Das Auslesen der Größe desjenigen Bereiches im Browserfenster, in dem letztlich die Web-Seite letztendlich dargestellt wird, ist z. B. über nerWidth und möglich. Eigenschaften [ Bearbeiten] availHeight (verfügbare Höhe) availWidth (verfügbare Breite) colorDepth (Farbtiefe) height (Höhe) pixelDepth (Farbauflösung) width (Breite) Allgemeines zur Verwendung [ Bearbeiten] Beispiel console. info ( ` ${ screen. width} × ${ screen. Eure Bildschirmauflösung | html.de - HTML für Anfänger und Fortgeschrittene. height} `); Das Beispiel gibt beim Einlesen der Datei Breite () mal Höhe () des Anwenderbildschirms aus. Es handelt sich dabei um die Angabe in Pixeln, Ergebnisse sind also etwa 1024x768 oder 1920x1080.
Eine Antwort auf diesen Beitrag verfassen (mit Zitat / Zitat des Beitrags) IP erstellt am: 07. 2008 18:54 <-- editieren / zitieren --> Zitat: Habe den Weg gewählt, dass man die maximal Größe des angezeigten Fensters manuell einbegen muss. An Hand dieser werden dann die Diagramme skaliert.???? die maximale Größe des angezeigten individuellen Netzwerkes erhälst Du ueber "fenster anordnen" (Knopfdruck) & "holexywh" ohne weitere manuelle Eingabe! Dies ist auch wohl der maximal darstellbare Bereich fuer ein Diagramm, wenn Du xpos/ypos /xscale/yscale fuer die Darstellung eines Diagramms im Netz nutzt und nicht "setzexywh" fuer ein eigenes Diagrammfenster. Aber Du hast ja explizit geschrieben, dass Du die Diagramme im Netz darstellen willst (s. o. ) ------------------ Der Simulator [Diese Nachricht wurde von Simulator am 07. Html bildschirmauflösung ermitteln eishockey meister rp. ] erstellt am: 09. 2008 09:55 <-- editieren / zitieren --> Unities abgeben: Zitat: die maximale Größe des angezeigten individuellen Netzwerkes erhälst Du ueber "fenster anordnen" (Knopfdruck) & "holexywh" ohne weitere manuelle Eingabe!
Auch hast du (nach dem alert-text) deine Layouts dann auf 1024 x 768 oder 1280 x 1024 ausgelegt, was einem Verhältnis von 4:3, bzw. 5:4 entspricht. Doch bedenke auch die Breitbild-Displays. CSS/Media Queries – Bildschirmausgabe abhängig v. Auflösung. Im Grunde schränkst du dich mit diesen Vorgaben eher unnötig ein... Daher schau dir mal folgende Begriffe näher an: Responsive Design, Floating Layout und Media Queries. Das ist momentan sozusagen total in und auch sehr nützlich im Webdesign. Beim Responsive Design geht es im Prinzip genau um das Problem, was du hast: wie passe ich meine Inhalte an verschiedene Display-Auflösungen (Größen) an, so dass mein Layout, mein Design, dabei intakt bleibt und funktioniert. Dazu nutzt man Floating Layouts ("fließende Gestaltungsaufbauten") und Media Queries. Bei den Floating Layouts geht es darum, dass sich die Gestaltung wie flüssig dem Platz im Browser anpassen kann; bei den Media Queries handelt es sich um eine Technik, spezielle Angaben auch nur für spezielle Ausgabemedien, Geräte oder Bildschirmformate zu machen.
Die Ausrichtung bzw. Plazierung der Monitore untereinander spielt dabei dann keine Rolle, da man die einzelnen Bildschirme per Index direkt auswählt. Aber nicht vergessen: Im Worst Case kann sich die Bildschirmkonfiguration zwischenzeitlich ändern. Also fehlertolerant programmieren! Html bildschirmauflösung ermitteln free. MfG Codehunter PS: In der Unit von DelphiWorks 1. 1 ist irgendwo noch ein kleiner Fehler. Unter Windows 2000 funktioniert es nicht richtig. Zumindest auf einigen Rechnern hatte ich Programmhänger. Zitat
simpel 4, 55/5 (106) Don Diegos Aloo Gobi vegetarisches Kartoffel-Blumenkohl-Curry aus Nordindien 10 Min. normal 4, 54/5 (80) Thailändische Suppe Scharfe Kokosnusssuppe 20 Min. simpel 4, 51/5 (140) Curry-Gemüse mit Tofu 45 Min. normal 4, 48/5 (77) Scharfes indisches Gemüsecurry mit Zwiebeln, Blattspinat und Blumenkohl, vegan, 5 bis 6 Portionen je nach Esser 45 Min. normal 4, 48/5 (64) Zuckererbsen-Blumenkohl-Curry kalorienarm 15 Min. normal 4, 46/5 (427) Vegetarisches Gemüsecurry mein Lieblingscurry 50 Min. normal 4, 45/5 (42) Blumenkohlsuppe mit roten Linsen und Kokosmilch 15 Min. normal 4, 43/5 (52) Malai Kofta - Feine Indische Gemüsebällchen Rezept von indischem Küchenchef 90 Min. Gerösteter Kurkuma-Blumenkohl Rezept | EAT SMARTER. pfiffig 4, 34/5 (27) Blumenkohl Tandoori-Art indisch, vegetarisch, würzig 20 Min. normal 4, 34/5 (80) Asiatische Kohlsuppe Rezeptvariation für die Kohlsuppendiät 20 Min. simpel 4, 31/5 (14) Veganes Aloo Gobi Super zur Resteverwertung 30 Min.
Inspirationen Rezepte カリフラワー Blumenkohl auf Asiatisch カリフラワー Blumenkohl auf Asiatisch カリフラワー Blumenkohl auf Asiatisch für zwei Personen: Du benötigst: 1 Blumenkohl etwas Kokosöl Sprossen Sesam Pfeffer für die Soße: 10 ml Limettensaft 50 ml Sojasoße 60 g Tomatenmark 50 ml Wasser 3 Knoblauchzehen etwas frischen Ingwer oder Ingwerpulver etwas Chillipulver etwas Paprikapulver Agavendicksaft Zubereitung: Zuerst den Blumenkohl gründlich waschen und die einzelnen Röschen abteilen. Den Blumenkohl in Salzwasser für 2 Minuten kochen und schließlich in einem Sieb abtropfen lassen. Für die Soße zuerst die Knoblauchzehen pressen oder klein schneiden und in eine Schüssel geben. Danach das Wasser, Tomatenmark, Zitronensaft, Sojasoße, etwas klein geschnittenen Ingwer (oder Ingwerpulver), Agavendicksaft, Paprikapulver und Chilipulver hinzu geben. Danach den Blumenkohl in Kokosöl in einer großen Pfanne anrösten. Schließlich die Soße über den Blumenkohl in die Pfanne gießen und alles kurz aufkochen lassen.
Für den Blumenkohl und die Panade 2 Kaffir-Limettenblätter – die Stiele entfernen 1 Stängel Zitronengras – in Ringe schneiden 100 ml Kokosmilch 2 EL Erdnussöl, hitzebeständig 2 EL Tamari (Sojasauce) 1 Knoblauchzehe (optional) – pressen 2 TL Paprikapulver, edelsüss 1 TL Backpulver ½ TL Kala Namak (Schwefelsalz) ½ TL Nori Algenpulver – dazu 1 Algenblatt im Mixer pulverisieren; den Rest zur Aufbewahrung in ein verschliessbares Glas füllen 1 Prise Cayennepfeffer 50 g Vollkorn-Dinkelmehl 530 g Blumenkohl – in mittelfeine Röschen schneiden Kristallsalz und Pfeffer aus der Mühle