2024-04-30 分類: 網(wǎng)站建設(shè)
1.1600分辨率下的:
2.1440分辨率下的:2、CSS
在父容器div(header-wrap)給定一個寬度左右居中,logo容器可以給個固定寬度,或者不給寬度,或者百分比寬度基本上都不影響右邊導航欄的布局;
在這里從CCS上可以看出logo我給了個固定寬度,其他另外兩種你們可以自己氣嘗試,在這里我就不多說了;導航欄我給了個百分比寬度,在設(shè)計圖上導航欄的寬度占比是百分之多少在這里你就設(shè)置多少,導航欄下面標簽li我沒有設(shè)置浮動,設(shè)置了行內(nèi)塊級元素,記得父元素(nav-wrap)要設(shè)置font-size為0,不然會出現(xiàn)錯位,不懂的可以百度了解下,因為我只有5個欄目,所以這里的寬度我設(shè)置了20%;靠右對齊。
這樣一個百分比布局的網(wǎng)頁頭部就出來了。
以上就是關(guān)于響應式網(wǎng)站制作頭部布局(南京響應式網(wǎng)站制作),希望對你有幫助,更多內(nèi)容關(guān)注創(chuàng)新互聯(lián)。
分享題目:響應式網(wǎng)站制作頭部布局(南京響應式網(wǎng)站制作)
當前網(wǎng)址:http://redsoil1982.com.cn/news17/327067.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計、企業(yè)網(wǎng)站制作、商城網(wǎng)站、服務(wù)器托管、靜態(tài)網(wǎng)站、云服務(wù)器
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容