我在開發前端的時候曾經會有幾個疑惑： 1）拿到的設計搞的寬度是640px或750px的，在頁面不同尺寸屏幕布局的時候怎么換算。 2）移動端布局是用%、px、rem、伸縮盒 Flexible Box Layout還是多列Multi-column。 3）用px設置了字體大小，但是在ipad上面 ...

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

　　九月已成歷史，十月如期而至...可能是九月工作比較清閑，周記就沒怎么寫，十月決不能這么墮落，立貼為證，至少保證5篇博客！！！如果沒學到什么新知識，就對以往的那些工作中常用到的知識點做個總結...話不多說，今天就來談談移動端的rem適配...本文將從rem是什么、為什么要用rem適配 ...

一般，自適應移動端加這個語句即可 <meta name="viewport" content="width=device-width">但是，不知道為什么加了這個語句還是沒用，查了查可能跟下面這幾個元素有關系，所以可以嘗試這樣子加： <script> var ...

，不同的分辨率下的行為，使頁面的能正常工作在各種各樣的宿主環境當中。 而本文的主題 -- 移動端開發的兼容 ...

屏幕適配是一個很容易被忽略的問題，但對於精益求精的產品而言，是必不可少的。對於Web開發的求職者而言，也是一個必需要理解清楚的經典問題 首發於微信公眾號（啃先生） 壹 | Fisrt 移動端適配的是什么？ 我們討論的是網頁適配多種尺寸屏幕，讓網頁效果看起來和設計師的設計稿一樣 ...

復雜紛擾的世界背后，總會有萬變不離其宗的簡單規則 啃先生 Mar.8th.2016 壹 | Fisrt 前面寫了兩篇移動適配相關的文章： 《移動Web怎么做屏幕適配（一）》重點介紹了怎樣利於rem來處理尺寸（width、height、margin、padding等等）相關的適配 ...

本文是內部的一次分享沉淀，偏向基礎但是涉及了一些有意思的細節，文筆有限，才疏學淺，文中若有不正之處 ...