一直以來，我們都很倡導將wordpress做成響應式的網(wǎng)站，以自動適應各種觸屏設備的訪問，但是隨著各種項目做的越多，我們越有疑問，響應式設計真的是最好的解決觸屏設備和pc訪問的方式嗎？

我們在各種項目的執(zhí)行中發(fā)現(xiàn)，基于pc的瀏覽器內核與基于觸屏設備的瀏覽器內核對于我們常用的jquery兼容不是一般的差，我們在PC上漂亮的、酷炫的各種滑塊，在觸屏設備訪問，現(xiàn)在看來就是一場災難。

..首先，能夠在觸屏設備上運行的效果，尤其是我們喜歡的非?？岬男Ч婵o比，完全沒有流暢的app感覺，讓網(wǎng)站的訪問感受大打折扣。

..其次，PC設備的響應方式和觸屏的相應方式完全不同，在PC上，我們很多效果都是使用鼠標經(jīng)過（mouseenter 和mouseleave）、單擊（click）的方式來響應各種效果的，而觸屏設備使用的是觸屏的手勢，如tap(輕擊)、taphold（輕擊不放）、swipeleft（向左劃動）、swiperight（向右劃動）等手指的方式來執(zhí)行的，這樣的差別，讓pc端的代碼基本無法很正常的運行流暢的動畫，很多時候，具有pc動畫效果的按鈕，我們需要在觸屏上點擊2次才會調傳鏈接。

..最后，在觸屏訪問時，我們網(wǎng)站上很多的工具，如側邊欄的小工具等等，是不需要顯示的，因為造成頁面過長，由于觸屏設備的尺寸比pc小很多，響應式設計中，那些寬度不夠被擠下去的模塊，都會增加網(wǎng)站的長度，這樣對于訪問者來說也是糟糕的存在，我們需要在觸屏設備中出現(xiàn)的只是清晰的導航、便于閱讀的正文，去除臃腫的部分。

不得不說，這樣的訪問方式對于用戶來說，是多么糟糕！

這不得不讓我們去思考，響應式的網(wǎng)站到底是否是解決觸屏和PC端的最好方式？下面我們來分析一下如何解決這個問題。

折中：如果你堅持響應式，那么不同的設備加載不同的動作腳本

動作腳本和css

如果你堅持響應式設計，那么使用 Mobile_Detect（php設備判斷插件），來判斷一下設備的系統(tǒng)（判斷安卓和ios等觸屏系統(tǒng)，而其他則判斷為PC即可）從而判斷到底是觸屏設備還是PC設備的訪問，加載不同的腳本文件，css文件，讓你的網(wǎng)站運行更加流暢。

不必要的臃腫內容

使用css將不必要的模塊隱藏掉，從而達到清晰的界面，不過你要知道，即使他們一開始就被隱藏，但是還是會在網(wǎng)站開始加載時拖慢你的網(wǎng)站加載時間。

更好的性能：使用全新的觸屏樣式和html

使用響應式的方式，即使使用上面折中的方式，響應式本身的臃腫代碼也是無法避免的，我們都知道wordpress的超強擴展性，這就給我們一條更好的方式，使用全新的觸屏樣式和html。

在PC端做好你的網(wǎng)站，在兼容寬屏的工作中，你可以使用最大寬度max-widtht，和最小寬度min-width進行兼容，而不去考慮小屏幕的手機使用css的媒體查詢。

在建立新的觸屏header、index、archive、category、page、single等并且加入設備判斷，如果是觸屏，則使用這些新的觸屏文件，這樣就能使你的網(wǎng)站能夠以更好的性能在觸屏上和pc上流暢的運行了！

這樣是將整個主題加入了觸屏的模版文件，效率更高，使用一個常用的判斷即可完成。

更好的方式還可以直接建立一個wordpress子主題來兼容觸屏設備，當觸屏設備訪問時，自動使用子主題，效果也是一樣的。

這樣做的好處

1.避免了臃腫的代碼，如響應式的媒體查詢、兼容各種神經(jīng)病瀏覽器的css（ie6~ie8都是神經(jīng)?。?/p>

2.避免了更多的php判斷，如果使用響應式設備，那么你的load文件的判斷就不忍直視了（非常多，這是肯定的）

3.讓你的設備在觸屏上加載觸屏的腳本，流暢度可以與APP媲美。

總的來說，性能更快、效果更炫，流暢更高，對于用戶的訪問來說，不再是一場災難，而是一次愉快的體驗。

希望本文對開發(fā)者和用戶有所幫助！