如何用CSS控制整个网页的大小？

我现在要做一个模仿iphone的网页，其他差不多都完成了，就差iphone打开一个程序时的那种效果，简单描述一下吧，iphone打开程序的时候有个动画效果就是说新打开的程序页面首先是很小出现在屏幕中间，然后慢慢变大，扩充至整个屏幕，现在我就想模拟这种效果，我的想法是，先用CSS把要打开的网页弄得很小，然后利用jQuery的动画效果，将网页CSS弄到正常水平，以达到这种效果，不知道这样子是否可行?或者还有别的什么办法？没分啦，在此先谢过各位了~~
效果大体是实现了，我是这么做的，现用CSS控制，把各个元素弄得很小，然后放在最中间，然后用jQuery来控制加载的时候恢复到正常页面，效果还可以，但是兼容性确实不行，谷歌浏览器正常，IE就不正常了，其他浏览器没试过，分辨率换了也不行= =。。。。