移動端 Web 開發自適應高度 rem 必須自己計算嗎？

網頁自適應開發，要求是跨平台、跨瀏覽器，一般移動+PC，前幾天我寫了幾個PC端的全屏頁面，有百分比，對手機的影響遠不一樣。 因此，移動+PC的自適應性有時是乙個錯誤的命題。

一般宣傳頁上就是那種針對移動端的全屏滑動，使用百分比，如果複雜的話肯定是不好的，仔細看看處理某個Tao所用的rem，就用這個方法學習一下，首先對於設計圖紙，寬度一般是640。

REM：CSS3 增加了乙個相對單位 rem（root EM，root EM），所以 rem 應該在 HTML 中設定，為此設定乙個 Tao 設定是根據手機的寬度設定的，少不了這句話：由 JS 控制，首先在 Apple 上就不一樣了，Apple 6 就是。

font-size 是 ;

Tao*，用於**：

function(j, i) )

if (d) )

css3 的 box-flex;

在w3school中看，主要是按照父元素按比例分配高度，父元素比如三列布局a、b、c，如果要設定相同的寬度，就用abc，如果兩列布局b是a的兩倍，那就用abc了。

AB高度還有乙個新的CSS3函式是calc（）計算，它可以計算出高度，可以嘗試使用它。

ps，我只是說說而已，如果你在手機端有響應式局，布局應該會隨著視窗的變化而變化，就像你一樣，如果是在普通手機上就要變成單列布局，不能保持三列。

使用媒體查詢將不同的視窗寬度設定為不同的CSS樣式，所有CSS都不需要JS控制。

rem 單元確實有很多好處，它是相對於根節點的，這樣我們整個**單元就可以統一了。 它還允許我們使我們的字型對大小更敏感。 但是，一旦你使用它，你就知道它有問題：

當你開啟你用chrome瀏覽器製作的**時，有時會有乙個大字型。 但是重新整理頁面會很好。

之所以會出現這種情況，是因為為了方便計算，我們將預設預設值 1rem=16px 更改為 1rem=10px。 因此，我們通常在 HTML 中設定如下：

但是，Chrome 有時會忽略 HTML 設定。 所以頁面初始化的時候，字型太大了，本來應該渲染成16px的字型渲染成了16*。

使用 rem。

使用 SCSS

然後匹配。 您可以像 PC 端一樣切換到移動端。

那你就不用分配高度了，你不需要寫高度就是自適應內容的高度，如果想要高度和螢幕高度一樣，那就設定100%;

1、在PC端的開發過程中，考慮瀏覽器相容性，在移動端的開發中考慮手機相容性。

2、在處理一些事件時，移動端自然偏向於觸控螢幕，而如何處理移動端彈出的手機鍵盤，這樣的問題在PC上肯定不會遇到，但是在移動端，如果你沒有經驗，處理起來就相當麻煩了;

3、在版面方面，移動開發是實現自適應頁面版面，而PC版面版面的比例會相對固定;

4.在動畫效果的處理上，PC端要考慮IE的相容性，通常使用JS做動畫的通用性會更好，但是與CSS3相比，它犧牲了更大的效能，而在手機上，如果想做一些動畫、特效等，首選一定是CSS3， 這既簡單又高效。

只需按照圖表上的設定操作即可。 這不是你設定多少的關鍵，而是關於計算的，選擇乙個合適的值會減少計算。 但是，由於您使用的是此轉換外掛程式，因此設定多少都無關緊要。