cssのレスポンシブデザインがうまくいかない

Question

レスポンシブデザイン初めてやります。
ログイン画面をレスポンシブデザインでつくりたくて、
cssを使うときに、width=100%を使うと横はどのデバイスでも横幅いっぱいに
表示されました。しかし、height=100%ってやっても100％にならない、、
縦のデザインはどうすればいいですが、よろしくお願いします。

bootstrap使えば楽になると聞きましたが現場で使えなくて素のcss3でしかできません

Answer 1

<div class='panel'></div>
<style>
.panel { 
  background: blue;
  width: 100%;
  height: 100%;
}
</style>

シンプルな例ですが、これで画面全体が青く染まると思います。(heightの指定が効いている状態)

Answer 2

http://csslint.net/
これ使うと便利ですよ。

警告される内容についてはCSSLintの全32個のルールをサンプルコードを書きながら解説しました に書いています。

Answer 3

heigthになってました。すみませんでした。

Comments

[oh_rusty_nail]

解決されたようでよかったです！