網頁自適應手機端的方式有兩種：
1. pc端的設計與手機端相差不大，利用 @media**查詢 調整百分比
2. pc端與手機端的設計分離，利用判斷裝置的方式做301跳轉
下面就結合源**講一講如何實際實現這兩種方案：
第一步：在html**中新增如下**
第二步：
方案一：設定pc端內容區域width:1100px，新增如下**：
.container方案二：在pc端公共header中，新增如下js.container img
@media only screen and (max-width: 480px)
@media only screen and (max-width: 375px)
..//可繼續
手機端rem如何適配 rem詳解及網頁自適應
什麼是rem 在我看來，rem就是1rem單位就等於html節點fontsize的畫素值。所以改變html節點的fontsize是最為關鍵的一步。根據手機寬度改變相對大小就可以實現自適應了，就不用什麼 查詢那些的。我們的設計圖往往寬度是640或者其他尺寸的，不過我建議是用這個尺寸，以640為基準，以...
手機端螢幕適配
2.常見的移動端適配方法 適配方案有很多種，常見的方法有以下幾種 3.rem適配原理 rem是相對長度單位，可以做到一樣的取值，在不同尺寸的螢幕上的大小按比例縮放。rem的定義 rem font size of the root element 是相對於根元素 即html元素 font size計算...
如何開發手機端網頁，如何讓網頁自適應？
先看乙個簡單的網頁 hello 我不是自適應網頁 在pc電腦端的實現效果如圖 在移動端的實現效果如圖 很明顯，當在移動端上顯示時，它仍然是按照，pc端模式顯示的。所以字型非常小，都快看不清了，需要放大才行。好了現在我們來開始正式實現讓網頁自適應，不管在pc電腦端還是移動端都能正常的顯示。其實很簡單，...