2016-08-09 11 views
-3

CSSを使用してこのログインフォームをサイズ変更できるようにするにはどうすればよいですか?あなたのケースではCSSでサイズ変更可能なログインフォーム

here's the image

+2

あなたのコードの努力をご提示ください。私たちはあなたのすべてのコードを行うためではなく、あなたを助けるためにここにいるので: –

+1

ようこそスタックオーバーフロー!コードヘルプを求める質問には、質問自体に** ** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-runnable)で**それを再現するのに必要な最短コードを含める必要があります** -javascript-css-and-html-code-snippets /)。 [**最小限で完全で検証可能なサンプルの作成方法**](http://stackoverflow.com/help/mcve) –

+0

基本的な考え方:ログインパネルのすべてのサイズを設定し、その子要素を 'em 'width'、' height'、 'font-size'、' margin'、 'padding'などの' 'rem(' 'rem')次に、 'font-size' CSS属性(おそらく[viewport units](https://css-tricks.com/viewport-sized-typography/)を使って)を変更するだけで、ログインパネル全体のサイズを制御することができます。すべての主要なブラウザ:http://caniuse.com/#feat=viewport-units)。 –

答えて

-1

、簡単なCSSは、中央にdiv要素を合わせます。

は、CSSの主なコンテナのdivを設定します。ここでは

margin: 0 auto; 

は、作業のデモです:Codepen Link

関連する問題