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

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

當(dāng)我用電腦打開時(shí)（屏幕分辨率1280×960 ），我看到的畫面長(zhǎng)這樣子

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

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

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