新聞中心
響應(yīng)式設(shè)計(jì)的先進(jìn)個(gè)關(guān)鍵理念是什么被稱為流體網(wǎng)格的使用。建立一個(gè)“液態(tài)布局”,擴(kuò)大與頁(yè)面一直沒(méi)有很受歡迎,因?yàn)閯?chuàng)建固定寬度的布局,頁(yè)面設(shè)計(jì),是一個(gè)固定數(shù)量的像素跨越,然后在頁(yè)面上居中。然而,當(dāng)一個(gè)人認(rèn)為今天的市場(chǎng)中存在數(shù)量龐大的屏幕分辨率,液態(tài)布局的好處是很大。
流體網(wǎng)格超越了傳統(tǒng)的液態(tài)布局。設(shè)計(jì)布局基于剛性像素或任意百分比值,而是一個(gè)流體網(wǎng)格更精心設(shè)計(jì)的比例方面。布局時(shí),被擠壓到一個(gè)微小的移動(dòng)設(shè)備或拉伸,在巨大的屏幕上,通過(guò)這種方式,所有的布局中的元素將調(diào)整它們的寬度的大小相對(duì)于彼此。
為了計(jì)算每個(gè)頁(yè)面元素的比例,則必須將其上下文目標(biāo)元素。目前做到這一點(diǎn),較好的辦法是先建立一個(gè)基于像素的圖像編輯器。你可以衡量一個(gè)頁(yè)面元素,并除以它的全寬度的頁(yè)面。例如,如果你的布局是一個(gè)典型的像96低像素大小跨,那么這將是你的“容器”的價(jià)值。然后,我們的目標(biāo)元素是一些任意的值,如300像素寬。如果我們將結(jié)果乘以100,我們得到了31.25%的百分比值。
網(wǎng)站欄目:響應(yīng)性成都網(wǎng)站設(shè)計(jì)圖解
文章來(lái)源:http://m.dlmjj.cn/view/69100.html