多設(shè)備測(cè)試響應(yīng)網(wǎng)站

當(dāng)前響應(yīng)式設(shè)計(jì)受到了很大關(guān)注，知名web網(wǎng)站.net在首頁有60%的文章在討論這個(gè)主題。

然而，有時(shí)關(guān)注一下web響應(yīng)設(shè)計(jì)中的禁忌也是大有裨益的。最近，響應(yīng)設(shè)計(jì)大師BradFrost在.Net雜志上發(fā)表了響應(yīng)設(shè)計(jì)人員最常犯的五種錯(cuò)誤（WebAppTrend正在翻譯中）。其中提到了這樣的錯(cuò)誤：利用特定尺寸的屏幕來觸發(fā)布局變化和避免將單一的尺寸應(yīng)用于所有的屏幕。

關(guān)于后者，F(xiàn)rost寫到：

“各種移動(dòng)設(shè)備不僅僅是屏幕尺寸的不同……我們也不應(yīng)該僅僅因?yàn)閯?chuàng)建響應(yīng)布局就自我滿足。例如，我們有時(shí)會(huì)忘記手機(jī)可以定位、通話等等。這些設(shè)備上的瀏覽器有望在不久的將來提供更多的訪問設(shè)備的APIs，這樣，web的功能將進(jìn)一步擴(kuò)充。

我們應(yīng)該充分發(fā)揮設(shè)備的硬件功能。處理約束為我們打下了很好的基礎(chǔ)，而后，我們可以利用漸進(jìn)增強(qiáng)、特征檢測(cè)等技術(shù)使用戶體驗(yàn)進(jìn)一步地提高。”

本帖是值得一讀的。但是我們想加入第六條規(guī)則：不要認(rèn)為你昨天所開發(fā)的東西在明天運(yùn)行起來依然是最好的。

這并不是說你今天開發(fā)的東西到明天就不能用了。只是，可能會(huì)有更簡(jiǎn)便的方式來實(shí)現(xiàn)同一功能。

Web響應(yīng)設(shè)計(jì)是個(gè)新興的挑戰(zhàn)，關(guān)于如何進(jìn)行web響應(yīng)設(shè)計(jì)的最佳方案還在制定當(dāng)中。這是件很痛苦的事情，但這也意味著一些聰明人士正在解決一些很困難的問題，而你可以從中受益（前提是你要知道此事）。

新事物總是不斷涌現(xiàn)，也許是處理響應(yīng)圖像的新方法，也許是一個(gè)為支持更多的CSS特征而進(jìn)行的瀏覽器升級(jí)。我們建議開發(fā)人員在開發(fā)新項(xiàng)目之前花一些時(shí)間好好閱讀一下最新的技術(shù)提示和技巧。新的響應(yīng)設(shè)計(jì)工具正在緊張地開發(fā)和完善當(dāng)中，當(dāng)你開發(fā)下一個(gè)響應(yīng)網(wǎng)站時(shí)，你在上一個(gè)項(xiàng)目中所用到的hack也許已經(jīng)成為了一個(gè)穩(wěn)定的、維護(hù)良好的JavaScript庫。

作者：ScottGilbertson

原文鏈接：http://www.webmonkey.com/2012/04/responsive-web-design-what-not-to-do/