經(jīng)過(guò)3天的努力，前端響應(yīng)式核心頁(yè)面手機(jī)站終于算告一段落，接下來(lái)我們還會(huì)慢慢的完善兼容性，同時(shí)還會(huì)針對(duì)pad進(jìn)行相應(yīng)升級(jí)。

本次升級(jí)主要針對(duì)核心頁(yè)面，如：首頁(yè)、關(guān)于我們、案例展示、觀點(diǎn)動(dòng)態(tài)、設(shè)計(jì)服務(wù)、聯(lián)系我們，暫時(shí)不對(duì)次要頁(yè)面進(jìn)行優(yōu)化升級(jí)，如：有效執(zhí)行、設(shè)計(jì)優(yōu)勢(shì)、中小企業(yè)、合作流程、網(wǎng)站地圖、法律聲明、及設(shè)計(jì)服務(wù)里的詳細(xì)介紹頁(yè)等，主要還是考慮到手機(jī)網(wǎng)站簡(jiǎn)潔實(shí)用為前提。

升級(jí)過(guò)程中的煩惱：
由于之前2.0的代碼寫的比較草率（其實(shí)在當(dāng)初已經(jīng)感覺(jué)很好了），在升級(jí)過(guò)程中很多代碼需要繞著寫，給升級(jí)帶來(lái)了很多小麻煩，所以在首頁(yè)的設(shè)計(jì)服務(wù)里不得已直接將整個(gè)網(wǎng)站頁(yè)面已圖片瀏覽的形式進(jìn)行輸出。

最讓人頭痛的其實(shí)是首頁(yè)視頻遮擋問(wèn)題，HTML5響應(yīng)式代碼后，在安卓系統(tǒng)微信自帶瀏覽器上video視頻標(biāo)簽可以通過(guò)CSS禁止播放，但在IOS系統(tǒng)上，微信則是全屏直接打開(kāi)播放的，這個(gè)給用戶瀏覽帶來(lái)很大沒(méi)法，我們想了很多種CSS屏蔽辦法，帶最終還是失敗了。最后通過(guò)PHP的瀏覽器判斷才得以解決。



在本次升級(jí)過(guò)程中，其實(shí)技術(shù)人員非常抱怨在原有的老代碼上進(jìn)行升級(jí)的，還不如直接重新寫一套前端呢，這樣顧慮少，還操作自由。但為了避免前端重新書寫給搜索引擎帶來(lái)不必要的麻煩，所以最后還是堅(jiān)持在現(xiàn)有的2.0上進(jìn)行3.0升級(jí)。

注：本次網(wǎng)站響應(yīng)式升級(jí)至支持手機(jī)豎屏瀏覽，暫不支持手機(jī)橫屏瀏覽及pad瀏覽。