Mobiler erster Entwurf und Druck

8

Ich habe eine mobile erste Website mit vier CSS-Dateien:

  1. Haupt css - @media alle und (min-width: 240px)
  2. Kleine mobile Geräte - @media all und (min-width: 481px)
  3. Große mobile Geräte - @media all and (min-width: 769px)
  4. Desktop - @media all und (min-width: 981px)

Wenn ich versuche, etwas von der Website im Desktop zu drucken, sieht es in der Druckvorschau tatsächlich wie die mobile Version aus. Selbst in der Landschaft gibt es anscheinend nicht genug Pixel, um die min-width 981px zu laden. Das ist das Problem Nummer eins.

Problem Nummer eins ist behoben, indem Sie das Wort "Gerät" zur Min-Breite hinzufügen, aber dann Problem zwei, Sie können das mobile Design auf dem Desktop nicht sehen und ich muss es sichtbar sein.

Irgendwelche Ideen?

    
Aleksandar Ivanov 06.06.2014, 13:19
quelle

2 Antworten

1

Erstellen Sie einen Abschnitt @media print .

    
Quentin 06.06.2014 13:21
quelle
0

Sie müssen nur die Corect Größen und das Styling wie erwähnt machen, Sie können auch verschiedene Punkte wie folgt ausdrucken:

%Vor%     
Riskbreaker 06.06.2014 13:31
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Haltepunkte in zwei Anwendungen, die dieselbe Codebasis mit Xdebug verwenden