SharePoint 2013基于HTML5的響應(yīng)式的布局，就簡單的嘗試了一下，感覺還不錯(cuò)。當(dāng)頁面在不同的瀏覽器可視區(qū)域上瀏覽的時(shí)候，會(huì)通過不一樣的css文件來進(jìn)行展示，使用戶在瀏覽頁面中能盡可能的達(dá)到最佳體驗(yàn)。

　　下面簡單看看效果，在1380px瀏覽器可視區(qū)域中瀏覽，下面的css生效：

（瀏覽器的可視區(qū)域?yàn)?380）

　　在920px瀏覽器可視區(qū)域中瀏覽，下面的css生效：

（瀏覽器的可視區(qū)域?yàn)?20px）

　　在600px瀏覽器可視區(qū)域中瀏覽，下面的css生效：

（瀏覽器的可視區(qū)域?yàn)?00px）

　　在290px瀏覽器可視區(qū)域中瀏覽，下面的css生效：

（瀏覽器的可視區(qū)域?yàn)?90px）

　　當(dāng)然，真正要做好一個(gè)響應(yīng)式布局，肯定不是這樣簡單的，需要復(fù)雜的設(shè)計(jì)和Css編寫，代碼量很大，這里只是一個(gè)最簡單的例子，讓大家了解sharepoint中的這一html5特性而已。我這里只是寫了Css文件和Html代碼，加入到頁面中，沒有做更復(fù)雜的布局，只是為了舉例，好了，不多說了，代碼附后！

　　下面是樣式文件：

 1 

?　　下面是HTML文件：

 1 "content"> 2     "below320">小于320 3     
 4     "between320to800">大于320，小于800 5     
 6     "between800to1280">大于800，小于1280 7     
 8     "pass1280">超過1280 9      10 

總? 結(jié)

　　當(dāng)然，這樣的響應(yīng)式布局優(yōu)點(diǎn)就是不同分辨率設(shè)備兼容性好，缺點(diǎn)是代碼量偏大，隱藏元素影響加載速度。不過凡事都有利弊吧，不過也為將來多終端網(wǎng)站提供了一個(gè)不錯(cuò)的思路，也希望能對(duì)需要的人以幫助。