Eine Seite auf Mobilgeräten gleich breit halten

Question

Auf meiner Seite verwende ich keine Ansichtsfenstereinstellungen. Ich verwende nur 25% left und right margin für den gesamten Inhalt der Seite. Das Problem ist, dass, wenn ich es von einem mobilen Gerät besuche, die Breite der Breite des Telefonbildschirms entspricht und mit 25% Marge sehr hässlich wird. Nur ein Text in der Mitte.

Was ich tun möchte, ist, dass die Seite passt nicht auf den mobilen Bildschirm. Ich möchte es gleich groß halten. Wie die meisten Seiten sind.

Wie kann ich das tun?

Answer 1

Welches mobile Gerät möchten Sie archivieren? 25% linken und rechten Rand es ist sehr relativ, pro Probe: 25% Marge in einem iPhone sieht in eine Richtung 25% Marge in einem Tablet sieht komplett anders aus.

benötigen Sie CSS3 Media Queries

versuchen lesen verwenden, um über https://www.w3schools.com/css/css3_mediaqueries.asp

Sie testen können, in Chrom mit: Test Responsive und Gerätespezifische Ansichtsfenster

https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports

Ich hoffe, Das kann dir helfen.