還原設計稿，也就是如何適配移動端繁雜的屏幕大小。 通常而言，設計師只會給出單一分辨率下的設計稿，而我們要做的，就是以這個設計稿為基准，去適配所有不同大小的移動端設備。 在此之前，有一些基礎概念需要理解。 設備獨立像素 以 iPhone6/7/8為例，這里我們打開 Chrome 開發者工具 ...

為什么要做移動端適配？ 我們開發使用px（CSS pixel）的是邏輯像素，以至於在不同分辨率的設備上同一個UI設計圖展示效果會被伸縮變形，所以需要做移動端適配 通過歷史進程進一步認識！ 早期諾基亞板磚機時代，樣式直男單一、設備少（哪種設備 ...

移動端 特點 移動端下的屏幕存在以下特點： 屏幕相比較於PC端要小 瀏覽器不像PC端，隨時各種調整大小 原因 移動端由於屏幕整體比PC端小，而且也不能出現拖動瀏覽器來調整大小的情況，所以在移動端上的布局是流式布局最多，其中有些小分支，如固定小版心。 案例 ...

初次接觸移動端的時候，以為終於可以不用像pc那樣考慮令人頭疼的ie瀏覽器兼容問題，有強大的css3的幫助，可以隨心所欲。。可是后來才發現原來移動端各種層次不齊的終端更會讓人抓耳撓腮，同樣的頁面在不同的手機上顯示的完全不一樣的效果，於是拋開功能，頁面適配性也成了一個大的課題 ...

　　在移動端適配有很多種方案，有flex布局，百分比布局，響應式布局，還有vw布局， 下面講解以下vw布局： 　　首先我們得明確vw是什么？ 　　　　vw　　viewpoint width，視窗寬度，1vw=視窗寬度的1% 　　　　vw是一種css單位。1vw相當於視窗寬度 ...

目前最流行的方案當屬淘寶的flexible了，因為之前一直做服務端開發，對前端不是很了解。對於這套方案看了n久還是不太理解，后來自己學習viewport的相關概念，捉摸出一套自己的辦法（至少我沒查到有人這么干的...），寫在這里和大家分享一下 其實對於多數的移動h5的適配需求 ...

h5 移動端適配方案 設定viewport 打開public\index.html，在html\head結點下加入<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale ...

最近有點懷疑人生，畢竟一個人寫前端，有時候會懷疑自己理解的一些東西包括用法有沒有符合標准。趁着這陣子閑下來，翻了翻別人的rem適配博客，發現有點繞口，怪自己是個強迫症，啥都要自己去試試結果並從中理解，趁着這段時間有點閑就整理了一下自己的移動端rem適配方案: 　　1.思路很簡單，首先我們得明白 ...