webapp在iPhone 5 fullscreen上下黑框的問題

疑似在iPhone 5以前,viewport meta裡都會加上width=device-width屬性,但這在iPhone 5上會造成full screen無法填滿,status bar釣在半空中的樣子,解決方式就是將width屬性拿掉。
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>

Reference:
webapp in iPhone 5 not Fullscreen 上下黑框的問題 - ordinarygeek.me

留言

熱門文章