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

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

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

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

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

一、什么是移動端適配 移動端 Web 頁面，就是常說的手機 h5頁面、webview頁面、公眾號開發的網頁等。 由於手機機型較多，各個手機的屏幕尺寸不一樣，所以做移動端頁面，需要考慮在安卓和ios的各種尺寸設備的兼容問題，我們要做的 web 頁面適配，就是為了在不同設備上，頁面能夠保持統一 ...

** 需求: 隨着移動端設備的變化，內容也跟着變化。**先來說說rem單位，以rem為單位，其大小是根據根元素（html標簽）的字體大小來判斷的， 如 html的font-size：100px； 子元素div 的width：2em； 等同於width：200px；（100 ...

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