CSS: Flex-Box nicht drucken Sie alle Seiten von Firefox

Ich habe eine Seite mit einer Struktur ähnlich zu diesem:

<main>
    <section>
        <article></article>
        <aside></aside>
    </section>
</main>

In der CSS habe ich auch die folgende:

main {
    display: flex;
    flex-direction: row;
}

Ist der Artikel oft viele Seiten lang.

Wenn ich drucken oder seitenansicht, finde ich, dass es nur gibt mir die erste Seite oder so. Nach einigen versuchen, habe ich diese Lösung:

@media print {
    aside {
        display: none;
    }
    main {
        display: block;
    }
}

Ist, durch die Verwendung display: block ich kann alle Seiten erneut zu drucken. In diesem Fall ist es OK, da ich nicht möchte, dass die aside zu drucken, so dass ich nicht brauchen, die flex Verhalten, aber das ist nicht immer der Fall.

Scheint es gut zu funktionieren auf Safari und Chrome. Ich Teste das auf einem Mac.

Warum funktioniert das nicht über Firefox?

Die aktuelle Seite finden Sie unter: https://www.internotes.net/articles/toggling-attributes. Es ist noch in seiner Anfangsphase.

InformationsquelleAutor Manngo | 2017-07-31
Schreibe einen Kommentar