yahoo首頁? ???www.yahoo.com

特點：雅虎首頁最近進行了改版，在PC端呈現(xiàn)左中右三列，在IPAD上轉(zhuǎn)變?yōu)閮闪?，在手機端變?yōu)閱瘟?，在具體細節(jié)根據(jù)平臺的不同略有差異。

左側(cè)的導(dǎo)航在IPAD上變?yōu)閘ogo左側(cè)的按鈕，觸發(fā)彈窗導(dǎo)航。

?

Uehtml網(wǎng)站? ? ?www.uehtml.com

特點：html5響應(yīng)式布局，可以根據(jù)平臺和分辨率寬度自動配置界面，是現(xiàn)在比較完美的跨平臺產(chǎn)品。

以下是在不同條件的效果：

1、在pc端會根據(jù)不同瀏覽器顯示三種寬度樣式（4列、5列、6列）

2、在ipad端根據(jù)橫屏和豎屏顯示兩種寬度樣式（2列、3列）

3、在手機端根據(jù)橫屏和豎屏顯示兩種寬度樣式（1列、2列）

新浪新聞首頁? ??http://news.sina.com.cn/

特點：采用了和雅虎類似的方式，在IPAD端也采用了兩列布局，導(dǎo)航以按鈕方式放在logo上方點擊展開，文字放大便于瀏覽。

網(wǎng)易首頁? ??www.163.com

特點：兩平臺廣告投放不一致，IPAD端右側(cè)flash廣告取消，PC端右側(cè)微博、發(fā)現(xiàn)、專題滑動門切換在IPAD端分為了上下排列的三個欄目用于填充因取消廣告剩的空白區(qū)域。

在IPAD上呈現(xiàn)的廣告為靜態(tài)的，這不失為一種廣告跨平臺的解決方案。

以上例子只是所見比較有特點的，他山之石可以攻玉（我又提這句話，不過很有道理），移動互聯(lián)已經(jīng)成為未來趨勢，我們?nèi)绾稳ミm應(yīng)，需要用積極態(tài)度去應(yīng) 對。html5和響應(yīng)式布局應(yīng)該是當(dāng)下應(yīng)該積極嘗試的技術(shù)和方式（有一種說法，2013對于網(wǎng)站是響應(yīng)式布局之年），希望以上這些能引起大家的共鳴，歡迎 大家跟帖提出想法和觀點。

在調(diào)查研究過程中，感謝蔡帥（前端）成楓（UI）兩位同學(xué)的友情支持。

轉(zhuǎn)自： http://ued.focus.cn/wordpress/?p=2671