H5 移動端 鍵盤遮擋焦點元素解決方案
前言 最近在做 webapp，遇到了很多移動端兼容的問題，其中一個問題就是：輸入框觸發 focus 后，鍵盤彈出，然后遮住了輸入框。 然后在Android和IOS上，這個問題的表現形式不一樣，而原生鍵盤和第三方鍵盤也不一樣，但引起的問題都是一樣的：輸入框被遮住了。 需要的效果 ...
原文：關於移動端開發，vedio標簽層級高遮擋蒙版的解決方案
問題描述： 使用famework 框架搭建了一個界面，然后再界面中需要使用蒙版效果，在PC端，ios測試沒有問題，在Andriod播放視屏再點擊顯示蒙版的效果師，視頻會遮蓋蒙版。修改定位，z index都沒有用。 安卓手機內置x 內核，x 內核不遵循許多web標准，vedio層級最高，播放時不支持所有DOM層面的操作，所以並沒有好的解決方案，最后采用的解決方案就是在點擊視頻播放按鈕之后使視頻全屏覆 ...
2019-03-07 09:39 0 785 推薦指數：
相關推薦
移動端video標簽默認置頂的解決方案
概述 在移動端上面，比如說微信上面打開一個頁面，如果有video標簽的話，常常會出現video標簽默認置頂的情況，一般的解決方案是在不需要看見它的時候給它加一個display:none進行隱藏。今天在瀏覽TGideas文檔庫的時候無意中發現了另一個方案，記錄下來，供以后開發時參考，相信對其他人 ...
移動端1px的終極版解決方案
...
移動端開發——移動端遮罩層滾動防穿透body解決方案
經常做移動端網頁開發的朋友們，都應該會遇到，彈起遮罩層的交互需求，比如小點的toast提示框，modal對話框，也有滿屏的提示框，或者可操作交互的彈框； 有些需求是要求在彈框上可操作，可滾動；在滾動時，就會遇到比較奇怪的兼容bug了，當你在滑動遮罩層時，下面的body頁面也會跟着滾動 ...
關於移動端video標簽層級問題
這是在微信中正常頁面，就是用了一個原生video標簽沒做任何處理。然后頂部是固定頁面頂端的，這個時候向上滑動頁面時，會出現下圖現象 這個時候正常人都會想到z-index問題，我也是這樣想的，可惜很抱歉的告訴大家，你把z-index設置多大都無效，隨便設置都不會起作用，最后 ...
移動端適配解決方案
優化以前寫過的一篇文章：https://www.cnblogs.com/beileixinqing/p/11283315.html 目前常見移動端適配方案 1、媒體查詢 通過寫媒體查詢，在不同的分辨率下寫對應不同的樣式，這樣帶來以下幾點缺點： 開發上的繁瑣，需要針對不同設備下寫對應 ...
移動端1px解決方案
移動端1px解決方案 設備像素比? window.devicePixelRatio是設備上物理像素和設備獨立像素(device-independent pixels (dips))的比例。 -webkit-min-device-pixel-ratio的常見值對照 ...
移動端position:fixed 解決方案
相信不少人做移動端項目的時候都會遇到position:fixed 的坑。 下面提供一個解決方法，不用引入任何其他的js庫，純css解決。 解決問題的關鍵就是：fixed元素內部必須嵌套一個position:absolute元素，用來裝載內容，目的就是為了讓內容脫離fixed文檔流，屏蔽 ...