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

特點：雅虎首頁最近進行了改版，在PC端呈現左中右三列，在IPAD上轉變為兩列，在手機端變為單列，在具體細節根據平臺的不同略有差異。

左側的導航在IPAD上變為logo左側的按鈕，觸發彈窗導航。

?

Uehtml網站? ? ?www.uehtml.com

特點：html5響應式布局，可以根據平臺和分辨率寬度自動配置界面，是現在比較完美的跨平臺產品。

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

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

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

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

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

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

網易首頁? ??www.163.com

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

在IPAD上呈現的廣告為靜態的，這不失為一種廣告跨平臺的解決方案。

以上例子只是所見比較有特點的，他山之石可以攻玉（我又提這句話，不過很有道理），移動互聯已經成為未來趨勢，我們如何去適應，需要用積極態度去應 對。html5和響應式布局應該是當下應該積極嘗試的技術和方式（有一種說法，2013對于網站是響應式布局之年），希望以上這些能引起大家的共鳴，歡迎 大家跟帖提出想法和觀點。

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

轉自： http://ued.focus.cn/wordpress/?p=2671