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;     
}