該專案為西南科技大學大學生創新基金專案，專案編號jz17-047。

（一）瀏覽器相容性問題

對於前端網頁的開發，解決瀏覽器相容是至關重要的問題。

我們所採取的解決方案如下：

1、每一個CSS檔案都先增加萬用字元 * { margin: 0; padding: 0; }

2、針對不同的不相容問題，可以採取相對應的解決辦法。

比如：當在a標籤中巢狀img標籤時，在某些瀏覽器中img會有藍色邊框；我們可以給img新增border：0；

當表單元素行高不一致，給表單元素新增float：left（左浮動）；或者是vertical-align：middle；（垂直對齊方式：居中）。

（二）web效能的優化

頁面中涉及很多的圖片，大量圖片的使用讓頁面載入的速度變慢，非常影響使用者體驗。  我們所採取的解決方案如下：

1、通過使頁面儘量簡潔，減少資源的使用來減少HTTP請求數。

2、首頁中圖片輪播部分資源較多，將外部的多個指令碼和樣式合併為一個，並儘可能壓縮圖片。

3、除此以外，高效的使用HTML標籤和CSS樣式，同時將樣式表置頂，指令碼置底並去除重複的指令碼，也可以使效能優化。

4、減少使用DOM元素。

專案部分頁面展示