欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

響應(yīng)式網(wǎng)站制作頭部布局

2023-03-08    分類: 響應(yīng)式網(wǎng)站

在簡單的響應(yīng)式網(wǎng)站中頭部部分大多數(shù)為兩部分logo和導(dǎo)航欄,一般情況下是左右分布,在要適配不同的屏幕尺下,logo還好,可以固定寬度,導(dǎo)航欄因?yàn)闄谀繑?shù)的不同間距的大小,就需要css媒體查詢進(jìn)行處理;而今天我們不使用css媒體查詢的情況下進(jìn)行適配不同的屏幕尺寸, 使用到的是css寬度的百分比布局。
最終效果圖如下:


1.1600分辨率下的:

2.1440分辨率下的:
其余的尺寸圖我就不一一上傳了。
代碼如下:

代碼1

1、html:
logo和導(dǎo)航欄兩部分,logo用div容器logo包裹左浮動(dòng),導(dǎo)航欄用div容器nav包裹右浮動(dòng),在這里記得父元素要清除浮動(dòng)。

CSS代碼
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%;靠右對齊。
這樣一個(gè)百分比布局的網(wǎng)頁頭部就出來了。

網(wǎng)站題目:響應(yīng)式網(wǎng)站制作頭部布局
瀏覽地址:http://aaarwkj.com/news/242503.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有響應(yīng)式網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

小程序開發(fā)
国产成人免费高清av| 91欧美激情另类亚洲| 青青草原精品资源视频| 国产成人原创免费观看| 国产真实乱偷精品视频免| 欧美美女午夜福利视频| 国产综合永久精品日韩鬼片| 超碰香蕉在线在线观看| 日韩精品一区二区在线天天狠天| 男女真人啪啪视频免费| 日本成人一区二区在线播放| 熟女乱熟乱熟妇综合网二区| 一本在线不卡中文字幕| 成人av资源在线观看| 亚洲麻豆精品午夜免费| 中文字幕日韩精品久久| 有码精品视频在线观看| av男人的天堂一区二区| 国产精品一级二区三区| 国产综合亚洲欧美日韩| 高清高潮少妇一区二区三区| 狠狠综合久久av一区二区大宝| 人妻丰满熟妇九九久久| 国产高清不卡av在线| 国产精品亚洲综合制服日韩| 好吊妞视频这里只有精| 蜜桃视频国产在线观看| 99久久成人国产精品免费| 91久久精品91久久性色| 亚洲最大成人av在线| 亚洲熟女精品不卡一区二区| 免费黄色一区二区三区| 蜜臀一区二区三区精品免费| 91久久精品国产一区| 亚洲大尺码在线视频香蕉| 午夜香蕉av一区二区三区| 亚洲黄色片在线播放| 亚洲日本韩国三级一区| 国产成人精品免费视频大| 日本少妇一区二区99| 亚洲综合欧美自偷自拍|