你的網(wǎng)址是？
這也是自從智能型手機與平板電腦開始流行以后常遇到的問題：太多的網(wǎng)站不是為移動裝置設(shè)計，所以需要使用者不斷放大縮小才能順利觀看。
一般的解決方案：那就另外制作個移動版網(wǎng)頁，把手機過來的流量導到這個版本去。
在不影響原本網(wǎng)站的開發(fā)架構(gòu)下，移動版網(wǎng)頁往往是另外“加”上去的，所以往往是用近似但不同的網(wǎng)址，
例：千橙網(wǎng)絡(luò)網(wǎng)站m.jzclypt.cn 、移動版m.jzclypt.cn/3g/
所以，同一個內(nèi)容的網(wǎng)頁，用不同的裝置打開、會有不同的網(wǎng)址。
這會有什么問題呢？想想你今天在網(wǎng)站上看到一篇好文章，但是分享到微信上后朋友抱怨說在他的智能型手機上不會自動轉(zhuǎn)成移動版網(wǎng)頁？反之，你朋友用手機分享了一篇鏈接，結(jié)果你在電腦上打開，內(nèi)文卻是超小又超擠的手機版字體？
（前者比較少發(fā)生，因為大半的網(wǎng)站主會幫你轉(zhuǎn)址；但后者的發(fā)生機率就頗高）
更別提其他因為網(wǎng)址不同而帶來的雜七雜八問題了。
所以最近Responsive Web Design-響應(yīng)式網(wǎng)頁設(shè)計這個名詞開始流行了起來。
響應(yīng)式網(wǎng)頁設(shè)計，簡單來說就是網(wǎng)址不變，網(wǎng)頁內(nèi)容會自行根據(jù)觀看裝置的大小自動調(diào)整。

譬如以下這個網(wǎng)站：

當我用電腦打開時（屏幕分辨率1280×960 ），我看到的畫面長這樣子

而當我把瀏覽器寬度縮減時，我看到的畫面會自動調(diào)整成這個樣子：（寬度調(diào)560 px以下）

看起來好像有點厲害，但實際上說穿了也不稀奇，這就是用了些CSS 3 media query的技巧。在CSS 3里你可以針對不同的螢?zāi)粚捳O(shè)定不同的CSS樣式，在支持CSS 3的瀏覽器上就可以自動調(diào)整。如果再加上HTML 5與javascript的配合，能夠達到的效果就更多（譬如可以偵測裝置是否旋轉(zhuǎn)、現(xiàn)在狀態(tài)為直立或橫放而執(zhí)行不同的javascript ）。
因此響應(yīng)式網(wǎng)站的目標就是，在同樣的URL之下，不管你今天是拿筆記本電腦還是手機，整個網(wǎng)站能夠讓所有裝置的使用者，都順暢無礙的使用所有網(wǎng)頁與功能。
聽起來很好，但是真的去弄，才遇到一個更大的問題是….瀏、覽、器。

你用什么瀏覽器？
講到瀏覽器就不能不提IE系列。惡名昭彰的IE系列直到IE9才“號稱會”支持以上CSS 3的功能。
不過這還好解決，如果你想讓舊版的瀏覽器也支持這樣的media query功能，可以在網(wǎng)頁上外加這個css3-mediaqueries javascript ，據(jù)稱掛了之后就可以讓IE 5+ 、Firefox 1+與Safari 2等舊型瀏覽器都支持上述功能，我是沒試過（不用IE久矣），有興趣的人可以找來用看看。
比較麻煩的問題反而是許多在電腦上執(zhí)行得好好的javascript library在移動裝置上可能無法順利執(zhí)行。這個地方就因人而異。我遇到的問題是某個在電腦端網(wǎng)頁就可以執(zhí)行的事情，在iPhone內(nèi)建的Safari上就因為種種技術(shù)問題而必須要拆成兩個網(wǎng)頁才能完成。這么一來等于是手機版會多一個網(wǎng)址，那這不就違反響應(yīng)式網(wǎng)頁的目的了嗎？
還有瀏覽體驗
還有一點是我個人的觀察。在電腦端的網(wǎng)頁上，常常有很多超鏈接，但是在手機或ipad上，超鏈接卻不是很受歡迎。
原因很簡單，因為在電腦上大家有鼠標，但在手機與平板上卻是用觸控。原本大家很習慣的超鏈接，到了手機上立刻很難點擊，原本要點鏈接A而誤觸鏈接B的情況比比皆是。在移動裝置上大家還是比較喜歡用按鈕（或者至少是一個大區(qū)塊），但“電腦版本的超鏈接到了手機版上會變按鈕”可就不是簡單兩三行CSS就能解決的事情。有時候你怎么瞧就是不好看，搞不好重新設(shè)計全部版本的layout還比較快。
如果再考慮使用情景的問題就更搞不完。手機屏幕大小有限、一個畫面能呈現(xiàn)的信息量也有限，我自己用手機時往往恨不得只要幾個click就可以直接點到我想要的資訊，根本不會想用手機來做很復(fù)雜的事情，更遑論把電腦版的每一個網(wǎng)址都搬到移動裝置上來，針對不同的使用情景，開發(fā)App ，有時候可能是更好的選擇。
可App也不是萬能，譬如，它就沒有網(wǎng)址可以讓你在微信上分享。
未解的問題
我一直覺得這其中應(yīng)該預(yù)示著許多消費者行為與移動互聯(lián)網(wǎng)產(chǎn)業(yè)的模式改變，不過這些改變需要時間，而且有些問題…我也沒答案。就如同這篇文章提到的移動版網(wǎng)頁，顯然是一個待解的難題。
不過，這應(yīng)該可以確定一件事，就是幾年內(nèi)所有的公司會需要網(wǎng)頁開發(fā)人員來開發(fā)移動版網(wǎng)頁。這…在現(xiàn)在低迷的就業(yè)市場中算是好事吧？