css - css3でコンテナの幅をスケーリングするにはどうすればよいですか？

Question

css3トランジションを使用して、ブラウザの全幅と高さを占めるように要素をスケーリングするにはどうすればよいですか？スケール機能が使えます。しかし、スケーリングに使用する必要がある係数をどのように計算できますか？

Answer 1

これはWebkit（Chrome、Safari）の例です

http://jsfiddle.net/dM8zL/

#expandme {
  width: 10%;
  height: 10%;
  margin: 0 auto;        
  background: red;
  position: fixed;
}
#expandme:hover {
  width: 100%;
  height: 100%; 
  position: fixed;  
 -webkit-transition: all .2s ease-in-out;     
}

Answer 2

これはあなたが望んでいたもののようなものですか？ http://jsfiddle.net/RcXfN/4/

Answer 3

スケーリングにはcss3は必要ありません。幅と高さには、単純な％を使用できます。