原创 小米全面屏手機瀏覽器的input、textarea吸底被遮擋

移動端做一個吸底的輸入框,首先需要注意兩大類設備,安卓和ios下的瀏覽器。特別是在ios下,輸入框聚焦時fixed定位會出現一些問題,網上也有許多相關的帖子,在此就不再贅述了。今天要提及的是小米全面屏下的miui瀏覽器。問題描述:吸底的in

原创 安卓移動端video標籤將頁面元素覆蓋。

1.安卓端下的video標籤播放時會被瀏覽器接管。此時已經脫離了文檔流,並且與文檔已經非同層了,所以設置z-index是無效的。2.安卓下qq的x5內核瀏覽器,提供了相關屬性。分別爲:x5-playsinline:行內播放。x5-video

原创 web 移動端 ios 瀏覽器中 animation 動畫異常

關鍵字:animation,ios,移動端,異常解決問題的辦法:頁面dom加載完畢時延時給dom加上動畫類名。即在vue的mounted鉤子中用定時器延時100ms左右給需要動畫的dom加上類名。 我們在寫動畫的時候常常會遇到添加簡單css