最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

響應(yīng)式布局調(diào)整

了解響應(yīng)式工作原理以及在coolsite中如何調(diào)整。

響應(yīng)式布局簡(jiǎn)而言之,就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。

了解響應(yīng)式布局:下面來(lái)看看在coolsite中如何去調(diào)整。

1.點(diǎn)擊不同終端可切換終端進(jìn)行編輯調(diào)整。

2.響應(yīng)式繼承關(guān)系:手機(jī)繼承平板,平板繼承PC。

3.調(diào)整順序:創(chuàng)建站點(diǎn)后,先搭建PC端樣式,然后調(diào)整平板端,最后調(diào)整手機(jī)端。

4.每個(gè)終端布局可自定義樣式。且存在下列繼承關(guān)系。

調(diào)整PC端會(huì)影響平板端和手機(jī)端布局。

調(diào)整平板端會(huì)影響手機(jī)端而不會(huì)影響PC端布局。

調(diào)整手機(jī)端不會(huì)影響平板端和PC端布局。

調(diào)整布局影響趨勢(shì)如下圖箭頭所指方向(不可逆)。

注:H1-H6字體切換時(shí)不適用繼承原則。

 

 

 

 

 

5.預(yù)覽方式

建議在谷歌游覽器下預(yù)覽,點(diǎn)擊預(yù)覽頂部導(dǎo)航欄可查看PC、平板、手機(jī)端的預(yù)覽情況。

也可以用谷歌調(diào)試器預(yù)覽(option+command+I)。

10

相關(guān)文章: