（實時更新）

flex 可伸縮元素比例不正確（Android 4.0 - 4.3，iOS 低版本）

使用 flex 佈局，在現階段已經是非常靠譜的方案了，因為 flex 佈局已經在大多數主流瀏覽器中兼容。但是，flex 佈局還是有不少需要注意的兼容問題。

在 Android 4.0 - 4.3 和部分低版本 iOS 中，可伸縮元素（大小按比例縮放的元素）如果要確保比例正確，必須設置：

xxx {
    width: 0px;
}

其中，width，一般設置為 width: 0 或 1px、0.001% 等。

如果不設置，那麼一旦 flex 的子元素的實際內容超過了按照伸縮比例應該擁有的寬度，在這些有 bug 的系統中就會出問題，具體表現是**子元素的寬度將根據實際寬度進行延伸，最多可以佔據整個屏幕的寬度（即使它的 flex 佈局的父元素設置了寬度，它自身仍然可以撐開以達到整個屏幕的寬度）。