如何單獨(dú)制作移動(dòng)端頁面？單獨(dú)制作有哪些優(yōu)缺點(diǎn)？

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

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

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

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

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

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

JavaScript腳本文件引入方法講解

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

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

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