2016-08-09 5 views
-3

Wie kann ich dieses Login-Formular mit CSS skalierbar machen?Resizable Login-Formular in css

here's the image

+2

Bitte zeigen Sie Ihren Code Aufwand. Weil wir hier sind, um Ihnen zu helfen, nicht Ihren ganzen Code zu machen :) –

+1

Willkommen zu Stapel-Überlauf! Fragen, die Code-Hilfe benötigen, müssen den kürzesten Code enthalten, der notwendig ist, um ihn ** in der Frage selbst zu reproduzieren ** vorzugsweise in einem [** Stack Snippet **] (https://blog.stackoverflow.com/2014/09/introducing-runnable -javascript-css-und-html-code-snippets /). Siehe [** So erstellen Sie ein minimales, vollständiges und verifizierbares Beispiel **] (http://stackoverflow.com/help/mcve) –

+0

Eine Grundidee: Legen Sie alle Größen des Anmeldebereichs und der untergeordneten Elemente als 'em fest '(oder' rem'), dh 'width',' height', 'font-size',' margin', 'padding' und so weiter. Dann können Sie die Größe des gesamten Login-Bereichs steuern, indem Sie einfach das CSS-Attribut "font-size" ändern (möglicherweise mithilfe von [viewport units] (https://css-tricks.com/viewport-sized-typography/), unterstützt von alle gängigen Browser: http://caniuse.com/#feat=viewport-units). –

Antwort

-1

In Ihrem Fall wird ein einfaches CSS die div Mitte auszurichten.

stellen Sie den Hauptbehälter div mit der CSS:

margin: 0 auto; 

Hier ist die Arbeits Demo: Codepen Link