//h5有個小bug 1像素邊框過粗,其實有個解決方案,就是利用偽元素:after,結合css3中的scale在y軸方向縮放0.5就行了 //父元素 //完美解決h5下 1px 邊框過粗的問題,是不是很簡單呀。 //當然,有時候也會遇到按鈕邊框使用border-radius ...
最近工作任務主要是移動端內嵌H 頁面,一次與原生進行像素交互下,發現了這個天坑,再次做個記錄 天坑如下: H 頁面中的 像素 與移動端設備的 像素 系統不一致,對於剛接觸這塊的我,曾經幾時在還沒有遇到過這樣的情況下,去看相關的文章一點體會也沒有,這次碰上了,然后又重新看了一遍,對這塊的理解也能比較有感受了 先上總結:如果有不到位的,請告知修正: P 理清幾個概念 注意文中的英文表達,可以幫助我們 ...
2019-05-16 10:27 1 913 推薦指數:
//h5有個小bug 1像素邊框過粗,其實有個解決方案,就是利用偽元素:after,結合css3中的scale在y軸方向縮放0.5就行了 //父元素 //完美解決h5下 1px 邊框過粗的問題,是不是很簡單呀。 //當然,有時候也會遇到按鈕邊框使用border-radius ...
最近剛做完一個移動端的項目,產品之無敵,過程之艱辛,我就不多說了,記錄下在這個項目中遇到的問題,以防萬一,雖然這些可能都是已經被N多前輩解決掉了的問題,也放在這里,算是為自己漫漫前端路鋪了一顆小石子兒吧,也在文末留下自己未能解決的疑問,希望看到的朋友能解惑。 都知道做移動端的開發 ...
移動端H5頁面慣性滑動監聽 在移動端,當你快速滑動有滾動條的頁面時,在你手指離開屏幕時,滾動並不會立即停止,而是會隨着“慣性”繼續滑動一段距離。 在做項目的過程中,需要監聽慣性滑動整個過程。在網上並沒有找到相應的監聽事件,於是就自己寫了一個監聽方法。 慣性滾動開始時調用的方法 ...
前言:前端頁面的布局(各元素的間距),一般會有PSD文件,有精確的px單位,而px與rem要如何轉換才能高度還原設計圖呢 一般情況下,設計稿的寬高為: 750*1334px,而大部分流行手機的屏幕尺寸為: 375*667px,正好是一倍的關系。 手機瀏覽器的根 ...
0x01 需要的工具 手機/模擬器(root權限) google chrome瀏覽器 xposed xposed插件:WebViewDebugHook( https: ...
...
最簡單的適配方案 7.5 為 設計圖的寬度除以100; H5端自適應框架 使用方便,設計圖的1px對應0.01rem,設計圖的字體大小24px對應0.24rem,就是如此簡單! 詳情參考 H5自適應方案 使用方法: <script ...
1.建一個遮罩層div <div id="cover"></div> 2.設置遮罩層樣式 #cover { position: absolute ...