做響應(yīng)式網(wǎng)站很多的站長(zhǎng)都會(huì)有一個(gè)覺(jué)得惱火的地方:電腦端做出來(lái)的內(nèi)容并不完全適配手機(jī)端。竹子建站的響應(yīng)式建設(shè)支持三端頁(yè)面單獨(dú)設(shè)置,pc端做出來(lái)適配響應(yīng)到手機(jī)端不好看,不存在的,下面就教大家用第一種辦法做到手機(jī)端頁(yè)面和pc端頁(yè)面不一樣。
登錄竹子建站uc.zhuzi.com.cn,進(jìn)入網(wǎng)站設(shè)計(jì);
要做到手機(jī)端和電腦端不一樣的內(nèi)容就需要分別做一個(gè)手機(jī)樣式和一個(gè)電腦樣式,如果需要調(diào)整iPad端的就還需要做一個(gè)iPad板塊,就以下面這個(gè)電腦端的圖文板塊為例。
需要在手機(jī)端顯示一個(gè)不同于上圖的圖文內(nèi)容板塊,先在上面三端切換到手機(jī)端模式。現(xiàn)在我們先把手機(jī)端要顯示的板塊添加上。點(diǎn)擊左邊黑色加號(hào),或彈出添加板塊。在此舉例說(shuō)明我就隨意先添加一個(gè),可以是空白板塊自己填充板塊內(nèi)容,也可以是已經(jīng)編輯好的板塊模板,修改板塊中的內(nèi)容。給板塊設(shè)置一個(gè)名詞避免弄混了。
點(diǎn)擊黑色加號(hào),把手機(jī)端和iPad的板塊添加上。
然后在右側(cè)的板塊樣式中,把手機(jī)端和iPad端的板塊隱藏;
因?yàn)槿藰邮蕉际且訮C端為主,所以在隱藏之后,切換到手機(jī)端或者iPad端的時(shí)候,這兩個(gè)板塊都不會(huì)顯示?,F(xiàn)在切換到手機(jī)端就看不到這個(gè)板塊。
切換到手機(jī)或者iPad模式之后,點(diǎn)擊右上方的“眼睛”可以看到所有在手機(jī)端或者iPad端下被隱藏的板塊內(nèi)容。
可以看到在手機(jī)端,剛剛隱藏的手機(jī)端板塊整個(gè)都是灰色的。
現(xiàn)在點(diǎn)擊右側(cè)的板塊編輯欄中的樣式,設(shè)置板塊的手機(jī)端樣式,把手機(jī)端隱藏取消掉。
然后在把下面PC端的板塊設(shè)置在手機(jī)端隱藏
可以用同樣的操作方式去修改iPad端。保存設(shè)置----發(fā)布網(wǎng)站之后,就可以看到手機(jī)端和PC端顯示的是不一樣的內(nèi)容
常見(jiàn)問(wèn)題