Wie verkleinere ich eine responsive Website?

-1

Dies könnte eine merkwürdige Frage sein, wenn man bedenkt, dass unsere Website vollständig reagiert und nicht verkleinert werden sollte.Wie verkleinere ich eine responsive Website?

Obwohl der Kunde der Meinung ist, dass seine Hauptwebsite auf einer maximalen Breite von 980px festsitzt, sollten seine anderen Websites auch sein.

Kurz gesagt, sollte ich tun, um die Website zu verkleinern, wenn der Bildschirm größer als 980px richtig zu dieser Auflösung ist?

Um weitere Details hinzuzufügen, verwendeten wir Media-Abfragen, um die Website auf Mobilgeräten, Tablets und Desktops ansprechend zu gestalten. Die Sache ist, dass 980px in die Tablette Res fällt, und der Client will es in Desktop-res.

Quelle

2016-10-21 Romain

ein Wrapper-Iframe, das eine Website öffnet? –

Die vollständigen Details wären der gesamte Quellcode. Vielleicht hätte ich auf einer anderen SE-Seite schreiben sollen, aber ich weiß nicht, welche besser geeignet wäre. – Romain

Sie müssen möglicherweise mit dem Kunden nigotiate Sie können jedoch einen div mit der Klasse hinzufügen wrapper oder content alle Seiteninhalt & Satz wickeln, das zu max-width:980px; aber für größere Geräte machen es max-width:1180px; dann den Körper Hintergrund geben entweder ein kostenloses Farbe oder Bild mit leichtem Unschärfeeffekt möglicherweise. Sobald die Bildschirmgröße weniger als 980 Pixel beträgt, wird die Breite auf 100% gesetzt.

Quelle

2016-10-21 09:11:49

Danke. Das Problem mit Ihrer Lösung ist, dass es einen Rahmen um die Website erstellt. Ich möchte es und alle Elemente skaliert werden. Ich denke, es muss mit Viewport-Manipulation sein, aber es ist mir bisher nicht gelungen, den richtigen Weg zu finden. Ich denke, Imma gehen mit Vladimir M's Kommentar für jetzt, – Romain

Deshalb verwenden wir Prozentsätze, Spalten, Zeilen usw. dh Breite ist 980px, eine Zeile innerhalb dieses Elements ist 100%, Sie können 3 oder 4 Zeilen verwenden, innerhalb dieser Zeilen Sie Verwenden Sie Spalten, die (abhängig von den Rändern) 50% -47% Breite haben und fügen Sie Polsterung hinzu. Für drei Spalten jeweils 33,33%. Responsive Design basiert auf Position: relative, Prozentsätze, float: links, float: rechts, clear: beide. Möglicherweise müssen Sie Bootstrap oder Foundation als Framework betrachten oder sich zumindest ein Bild darüber machen, wie Sie eine Lösung anwenden können, um Ihre Website ansprechbar zu machen. –

Wie verkleinere ich eine responsive Website?

Antwort

Verwandte Themen