2016-11-16 分類: 網(wǎng)站設(shè)計(jì)
響應(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%的百分比值。
標(biāo)題名稱:響應(yīng)性成都網(wǎng)站設(shè)計(jì)圖解
網(wǎng)站路徑:http://redsoil1982.com.cn/news0/69100.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容