2016-08-09 61 views
1

Gibt es eine Möglichkeit, Ihre gesamte Polymer-App (einschließlich der Schublade eines App-Drawer-Layouts) in einen festen oder max.Wie setze ich eine Polymer-App in einen festen/max. Breiten Container?

normalerweise in Web-Design, wenn wir eine App haben, die nicht gut aussehen, wenn eine bestimmte Breite von mehr als, setzen wir es in einigen

margin: auto; 
width: 1200px; 

Container auf oberster Ebene. Ich kann nicht herausfinden, wie man das mit Polymer macht, weil die Schubladenplatte eine feste, absolute Positionierung verwendet. Alle (offiziell) Beispiele nur die Breite der App-Inhalte beschränken und nicht die ganze App mit allen Schubladen, headers usw.

Schauen Sie hier für ein schlechtes Beispiel: http://cds-polymer.appspot.com/contacts/all

Meiner Meinung nach diesem Blick wirklich schlecht mit Seitenheader und Schublade getrennt vom Inhalt und viel negativer Abstand zwischen ihnen. Wie können wir das richtig mit Polymer gestalten?

+0

Einlochen min oder max Breite in einer Anwendung hilft, ist keine gute Praxis. Sie können die seitliche Navigationsleiste offen lassen, damit der Inhaltsbereich bei zu großer Ansichtsbreite verkleinert werden kann. Sie können auch über ein kartenbasiertes Layout nachdenken, um mehr Platz zu verwenden Mosaik von Karten. – MarioAleo

Antwort

1

fand ich dieses Polymerelement, das tut, was Sie brauchen: https://elements.polymer-project.org/elements/iron-fit-behavior?active=Polymer.IronFitBehavior hoffen, dass es

+0

Wenn Sie mit einem Link antworten, ist es wichtig zu sagen, was die Seite in Ihrer Antwort nützlich ist, einschließlich der relevantesten Teile und des Links, der der Site einen Kredit gibt. Auf diese Weise, wenn die Verbindung verrottet und zerbricht, gibt es zumindest genug Informationen, um zu helfen. Gerade jetzt, wenn die Verbindung bricht, wird deine Antwort keinen Sinn ergeben. –

+0

Eigentlich ist das nützlicher, wenn Sie einige divs über anderen Elementen ausrichten möchten. Es hilft mir nicht, da die Schublade absolut unabhängig positioniert ist. – Markus