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布局會導致低版本蘋果手機上微信瀏覽器無法識別二維碼。