Ich weiß ehrlich gesagt nicht, was du meinst. Die Auflösung ist keine Sache des Browsers, sondern des Gerätes. Wie Webseiten letztlich dargestellt werden, liegt einzig in der Verantwortung des Webdesigners. Vielleicht kannst du ja anhand eines praktischen Beispiels erläutern, worum es dir eigentlich geht.
Vergiss diese Seite, die ist einfach unglaublich naiv umgesetzt.
height = screen.height;
width = screen.width;Stattdessen wäre das hier weit sinnvoller, wenn du wissen willst, wie viel Platz verfügbar ist:
var height = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
var width = Math.max(document.documentElement.clientWidth, window.innerWidth || 0);Schon sind die zahlen wesentlich höher.
Und ja, Viewport-Metatag ist Pflicht bei der Umsetzung eines Responsive Designs.
Ich weiß nicht, von wem du eine E-Mail-Adresse haben möchtest, aber mit solchen Anfragen schreibt man nicht irgendwelche Leute persönlich an, die Leute haben genug zu tun. Dafür gibt es Foren und Plattformen wie Stack Overflow.
Smartphones und Tablets haben normalerweise eine viel höhere Pixeldichte als Desktop-Monitore, deswegen gibt es ein Viewport Scaling, ansonsten würdest du kaum etwas erkennen. Wenn du nun ein Responsive Design erstellst, brauchst du deswegen das Viewport-Metatag. Wie hast du den Viewport denn festgelegt?
Zitat von fromage2Ich hab keinen metatag mit viewport im moment.
Dann solltest du das nachholen. Bittesehr, direkt zum Übernehmen:
<meta name='viewport' content='width=device-width, initial-scale=1.0' />Dieser Schritt gehört immer dazu, wenn man ein Responsive Design erstellt.
Zitat von fromage2Wenn ich mit meinem smartphone auf die seite gehe zeigts mir 360x 640 an obwohl es ja 1080p sein müssten. Im Quellcode sehe ich auch nichts von viewport.
Ich dachte, das hätten wir schon geklärt? Beitrag 4. Die Seite taugt nichts.
Zitat von fromage2Deshalb müsste man mal zur Aufklärung einen Entwickler anfragen. Das ist ja nicht verboten oder?
Ja, in einem Forum kannst du sowas ja fragen. Hier werden aber sicher nicht ungefragt E-Mail-Adressen weitergegeben. Davon abgesehen, dass dies ein Firefox-Forum und kein Webentwicklungs-Forum ist. Insofern weiß ich auch nicht, von wem genau du dir eine E-Mail-Adresse erhoffst. Firefox-Entwickler haben mit deiner Frage nichts zu tun.
Ich verstehe das Problem sogar sehr gut, ich hab dir das auch in Beitrag #6 erklärt. Ohne Viewport Scaling wären die meisten Webseiten auf dem Smartphone viel zu klein. Der Viewport-Metatag gibt einem für die Erstellung eines Responsive Designs aber die Kontrolle darüber und muss dafür genutzt werden.
Naja, was weiß ich schon. Ich mach sowas ja nur 40 Stunden die Woche.
Ich hab aber kein viewport eingestellt und die webseite ist nicht zu klein.
Safari hat einen viewport von 960px. Was sagst du dazu? Gibt es einen Grund?
Ich will nur wissen warum die Browser einen Viewport haben. Als Entwickler muss man sich doch nur dann an die Browser Viewports einstellen und nicht an die Smartphone Auflösungen, so wäre der logische Schluss.
Warum soll man mehrere regeln erstellen wenn man sich eh auf eine Zahl fokussieren kann?
Ich hab eine css regel die vom smartphone übernommen wird. Die regel sollte aber nie zutreffen weil das smartphone eine zu hohe Auflösung hat. Sie kommt aber eben zur Kraft weil der Browser anscheinend nicht die volle Auflösung benutzt. Zum vierten Mal: Warum tun die "Browser" das? Kannst du das als nicht-"Browser"-Entwickler eigentlich beantworten? 
Ich geb's auf. Du kannst dein Responsive Design entweder so erstellen, wie man es richtig macht, oder auf deine Art, musst dann aber eben auch mit den Nebenwirkungen leben. Ich habe dir bereits mehrfach geschrieben, dass es ohne das Viewport-Metatag ein Viewport Scaling gibt, das hat gute Gründe. Das kann sich in unterschiedlichen Browsern durchaus unterschiedlich verhalten. Das Viewport-Metatag wurde nicht grundlos eingeführt. Ich kann mir beim besten Willen nicht vorstellen, wie du in einem Responsive Design darauf verzichten kannst. Ich mach das wie gesagt beruflich und ich hab es bislang immer gebraucht und in jedem halbwegs vernünftigen Tutorial wird das als absolutes Grundlagen-Wissen über Responsive Designs vermittelt.
Die Fragestellung, wieso Browser einen Viewport haben, ergibt übrigens keinen Sinn. Viewport ist nur Englisch für den sichtbaren Bereich der Webseite. Dass es einen sichtbaren Bereich gibt, versteht sich ja von selbst, alles andere wäre schlecht, das würde bedeuten, dass du nichts siehst.
Zitat von fromage2Und bei mir werden die CSS regeln genommen. Und warum?
Gegenfrage: wieso nicht? Klar werden die CSS-Regeln angewendet. Der Punkt ist, dass deine Breiten-Breakpoints unter Umständen nicht erreicht werden. Das hast du aber wie gesagt in der Hand.
Zitat von fromage2Es gibt immer einen Viewport.
Selbstverständlich. Das ist genau das, was ich im Beitrag davor geschrieben habe.
Zitat von fromage2Wenn man das anscheinend nicht spezifiziert, werden die Viewports der Browser auf den Jeweiligen Geräten genommen.
Wenn du das Metatag verwendest, findet - wie mehr als nur einmal erklärt - ein Viewport Scaling statt. Sinn des Metatags ist es, dass du verlässliche Annahmen für dein Design treffen kannst.
Zitat von fromage2(selbst)geklärt.
Selbst geklärt? Nicht wirklich. Ich erkläre dir seit mehreren Beiträgen, wie es funktioniert. Du verstehst halt nicht, was ich die ganze Zeit schreibe.
Zitat von fromage2Man kann trotzdem die entwickler anfragen..
Mal machen und die Antworten hier zum Besten geben..
