2023-03-08 分類: 響應(yīng)式網(wǎng)站
1.1600分辨率下的:
2、CSS
在父容器div(header-wrap)給定一個(gè)寬度左右居中,logo容器可以給個(gè)固定寬度,或者不給寬度,或者百分比寬度基本上都不影響右邊導(dǎo)航欄的布局;
在這里從CCS上可以看出logo我給了個(gè)固定寬度,其他另外兩種你們可以自己氣嘗試,在這里我就不多說了;導(dǎo)航欄我給了個(gè)百分比寬度,在設(shè)計(jì)圖上導(dǎo)航欄的寬度占比是百分之多少在這里你就設(shè)置多少,導(dǎo)航欄下面標(biāo)簽li我沒有設(shè)置浮動(dòng),設(shè)置了行內(nèi)塊級(jí)元素,記得父元素(nav-wrap)要設(shè)置font-size為0,不然會(huì)出現(xiàn)錯(cuò)位,不懂的可以百度了解下,因?yàn)槲抑挥?個(gè)欄目,所以這里的寬度我設(shè)置了20%;靠右對(duì)齊。
這樣一個(gè)百分比布局的網(wǎng)頁(yè)頭部就出來了。
文章標(biāo)題:響應(yīng)式網(wǎng)站制作頭部布局
路徑分享:http://muchs.cn/news3/242503.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有響應(yīng)式網(wǎng)站等
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容