fixed布局的坑

本篇试图记录所有fixed布局所带来的坑的解决方案：

 

1、fixed布局父元素导致子元素无法滚动的问题

（1）水平，给父元素样式加上

　　left: 0;

　　right: 0;

　　overflow-x: scroll;

　　overflow-y: hidden;

 

（2）竖直，给父元素样式加上

　　top: 0;

　　bottom: 0;

　　overflow-x: hidden;

　　overflow-y: scroll;

 

 

2、在父元素transform属性不为none时，其子元素的fixed定位会失效。原因是子元素的相对定位由原本的视区变为了父元素。

 

3、页面使用fixed布局会导致低版本苹果手机上微信浏览器无法识别二维码。