通過學(xué)習路線圖,零基礎(chǔ)學(xué)習專業(yè)網(wǎng)頁設(shè)計、小程序UI設(shè)計技巧,成就網(wǎng)頁設(shè)計高手。
響應(yīng)式布局簡而言之,就是一個網(wǎng)站能夠兼容多個終端——而不是為每個終端做一個特定的版本。
了解響應(yīng)式布局:下面來看看在coolsite中如何去調(diào)整。
1.點擊不同終端可切換終端進行編輯調(diào)整。
2.響應(yīng)式繼承關(guān)系:手機繼承平板,平板繼承PC。
3.調(diào)整順序:創(chuàng)建站點后,先搭建PC端樣式,然后調(diào)整平板端,最后調(diào)整手機端。
4.每個終端布局可自定義樣式。且存在下列繼承關(guān)系。
調(diào)整PC端會影響平板端和手機端布局。
調(diào)整平板端會影響手機端而不會影響PC端布局。
調(diào)整手機端不會影響平板端和PC端布局。
調(diào)整布局影響趨勢如下圖箭頭所指方向(不可逆)。
注:H1-H6字體切換時不適用繼承原則。
5.預(yù)覽方式
建議在谷歌游覽器下預(yù)覽,點擊預(yù)覽頂部導(dǎo)航欄可查看PC、平板、手機端的預(yù)覽情況。
也可以用谷歌調(diào)試器預(yù)覽(option+command+I)。
意派-Coolsite360 | 網(wǎng)頁設(shè)計工具
意派Coolsite360-響應(yīng)式網(wǎng)站_自助建站_微信小程序 設(shè)計制作工具意派-Epub360 | H5頁面制作工具
意派?Epub360-專業(yè)H5頁面在線設(shè)計制作工具,H5微信邀請函制作軟件