IOS margin-bottom失效問題

問題

webAPP中內嵌的H5頁面設置margin-bottom，在模擬器及安卓機中的展現效果都與預想的同樣。而在iPhone中不管嵌套多少層margin-bottom，均會失效。

緣由

參考資料

從IOS8開始，UIView的屬性var layoutMargins:UIEdgeInsets指定該View的subview同其edge的間距。AutoLayout使用margins來放置內容。其默認值爲8pt。

若是一個View是ViewController的rootview，系統會自動設置和管理margins，top和bottom。margins爲0pt。因此本身設定的margin-bottom會失效。

解決方案

針對IOS端margin-bottom失效問題目前有兩種解決方案：

div撐開

用設定了高度的div撐開底部，達到與margin撐開的相同的效果。

改用padding-bottom

使用padding-bottom撐開底部，大多數狀況下能夠知足安卓端和IOS端的展現需求。

本人才疏學淺，以上僅爲我的看法，歡迎批評指正討論~~