关于transform下的fixed定位（买一送一，结束语是个小彩蛋哦~）

bug重现：
点击右上角此表格模块放大，充满屏幕。但点击后出现如下效果

点击左滑按钮后

表格并没有布满屏幕，而是出现了相对于图片轮播模块左上角布局。
放大后的表格样式表如下：

.portlet.portlet-fullscreen {
    z-index: 10060;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

样式表没有问题，fixed的定位是相对于屏幕左上角的，但并没有出现相应效果，因此，原因应该是fixed定位失效。

原因：transform下，fixed定位失效。页面代码如下：

transform对元素的影响可以参考：CSS3 transform对普通元素的N多渲染影响

解决方案：暂时没有找到完美的解决方法，只能在点击按钮上加事件，点击后，将要放大的表格拿出transform包裹的区域。

结束语：表格使用的是datatables插件，随着屏幕大小列宽自适应，此时，点击放大按钮后，又出现了一个小问题：

table的宽度设为style=100%，但列宽并没有改变，此时，若改变窗口大小，或重新渲染表格后，列宽才改变。原因是，点击放大按钮之前，表格列宽已定，需要在放大后手动触发reflow操作
即：加一行

$(window).resize();

就可以喽~~~~