如何在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，你可以使用简单的％来表示宽度和高度。