我們在做手機網站的時候，一定要關注手機網站的頁面尺寸，網站頁面尺寸的大小直接影響到網站的美觀度，以及使用者的體驗。尺寸的定位也叫做相容性，相容性也包括很多方面，並不是尺寸定位這一點。由於PC端網站的尺寸都是可以固定的，而固定的點也體現在寬度上。PC端網站常用的寬度尺寸是1024畫素（px），不需要前端人員在這個頁面的基礎上耗費功夫。但是對於手機網站就要特別注意了，如果我們用640px作為標準，那麼當用戶用320px的手機訪問的時候，守舊就只能顯示網站的一半大小。如果出現這種情況，就會影響使用者體驗，使用者會直接關閉網站。所以，當我們在做手機端網站的時候，一定要先了解目前主流手機的尺寸大小。而目前主流手機有IOS系統和Android系統，我們只需要瞭解這兩個系統下的手機的各種尺寸就可以了。

1、IOS系統

IOS系統的蘋果手機，從iphone 4到現在iphone xs max，尺寸也是越來越大。對於IOS系統的手機，一般只要考慮兩個尺寸就可以了，一個是720px，另一個是1080px。如果是平板電腦的話，也可以透過跳轉來識別，但很多企業會建立一個以ipad為首的網站，方便ipad使用者來訪問。

2、Android系統

Android系統常見的手機尺寸有480、720和1080px三種。

3、主流尺寸

對於手機網站的建設，更多的是針對320、480、640px。所以前端技術只需要進行一段簡單的判斷就可以了。當然，如果還有其它尺寸，也可以進行再次識別。

4、識別

一個手機網站之所以會出現半屏或者超屏的現象，完全是因為字型大小的原因。所以，在手機網站更多時候不會使用px來寫程式碼，而會使用em或者rem進行一種自適應的區分。但要記住em和rem不能同時出現在同一個頁面中，不然就會出現一大一小的載入停留情況。