如何單獨制作移動端頁面？單獨制作有哪些優(yōu)缺點？

　　單獨制作移動端頁面，通常的做法是不改變原有的PC端頁面，然后針對移動端單獨開發(fā)出一套特定的版本。通常，在網(wǎng)站的域名中使用二級域名“m”(含義為mobile)來表示移動端網(wǎng)站。例如，在移動端瀏覽器中訪問網(wǎng)址https://main.m.taobao.com/，即可打開淘寶網(wǎng)的移動端頁面。有些網(wǎng)站還會智能地根據(jù)當(dāng)前訪問的設(shè)備來跳轉(zhuǎn)到對應(yīng)的頁面。如果是移動設(shè)備，則跳轉(zhuǎn)到移動端頁面，如果是PC端設(shè)備，則跳轉(zhuǎn)到PC端頁面。

　　下面列舉幾個比較常見的單獨制作移動端頁面的網(wǎng)站，網(wǎng)站首頁的顯示效果如圖1所示。

　　圖1 單獨制作移動端頁面的網(wǎng)站

　　在圖1中，分別展示了淘寶首頁、京東首頁和蘇寧首頁的移動端頁面效果。

　　單獨制作移動端頁面這個方案優(yōu)點在于，可以充分考慮到平臺的優(yōu)勢和局限性，從而創(chuàng)建良好的用戶體驗設(shè)計，并且網(wǎng)頁在移動設(shè)備上加載更快。

　　由于單獨制作移動端網(wǎng)站會產(chǎn)生多個URL(PC端一套URL，移動端一套URL)，因此重定向移動網(wǎng)站需要花費一些時間。同時，需要對搜索引擎做一些處理，維護(hù)成本會增加。而且，它可能需要針對不同的屏幕尺寸去分別制作一個網(wǎng)站，這樣訪問不同的網(wǎng)址會產(chǎn)生不同的頁面效果，工作量比較大。

JavaScript腳本文件引入方法講解

什么是網(wǎng)頁布局？DIV+CSS技術(shù)的布局流程是怎樣的

什么是Sass？Sass的優(yōu)勢有哪些？

黑馬程序員前端培訓(xùn)課程