最近做了兩個關於h5頁面對接公眾號的項目，不得不提打開微信瀏覽器內置地圖導航的功能確實有點惡心。下次想起來了的話，進行總結分享一下如何處理。在vue移動端h5頁面當中，其中適配是經常會遇到的問題，這塊主要有死個方法可以適用。 方法一：引入淘寶開源的可伸縮布局方案 引入淘寶開源的可伸縮布局方案 ...

適配思路 設計稿（750*1334） ---> 開發 ---> 適配不同的手機屏幕，使其顯得合理 原則 開發時方便，寫代碼時設置的值要和標注的 160px 相關 方案要適配大多數手機屏幕，並且無 BUG 用戶體驗要好，頁面看着沒有不適感 思路 ...

因為手機屏幕的分辨率大小不一 ，如果使用傳統的靜態布局，把每個元素的寬高樣式寫死，在不同的屏幕中就有各種各樣的顯示效果。這顯然不是我們想要的結果。我們需要的是根據屏幕分辨率的不同，來適配不同的樣式大小。使不同的手機分辨率下都有相同的樣式布局 1.rem適配 1rem就是html標簽 ...

要想移動端適配 並使用 rem 您需要先看這篇文章，配置好less ➡️ 在vue 中使用 less，就可以使用rem了 如果項目已經開發的差不多了，沒有用到rem 又要使用rem，您用這招。 postcss-pxtorem：轉換px為rem的插件 安裝 ...

移動端 H5 頁面不可遺忘的 meta 標簽 viewport 這行代碼的作用是設置視口的寬度（其實就是頁面的寬度）等於設備寬度，頁面不縮放並且也不允許用戶進行縮放。 把一個普通的PC端頁面（未加入上面 meta 標簽的）直接放在手機端訪問是可以展示完全的，但是頁面明顯經過縮放。可以用 ...

如果在一個區域內只允許部分區域產生滾動的效果，而其余部分不能移動，你會采用什么方法呢？ 首先我們可以把這個需求分解為兩個小的問題來解決。 部分區域固定 其余區域滾動 部分區域固定 為頁面的body部分設置height: 100%以及overflow ...

基礎知識點 設備像素：設備像素又稱物理像素（physical pixel），設備能控制顯示的最小單位，我們可以把這些像素看作成顯示器上一個個的點。 iPhone5的物理像素是640X1136。 PS：在普通屏幕下，1個css像素對應1個物理像素(1:1)。 在超高像素密度屏幕 ...

flutter_screenutil插件 flutter 屏幕適配方案，讓你的UI在不同尺寸的屏幕上都能顯示合理的布局! 注意：此插件仍處於開發階段，某些API可能尚未推出。 安裝依賴： 安裝之前請查看最新版本 在每個使用的地方導入包： 屬性 ...