1.容器包裹尺寸:因為移動端的寬度尺寸在320px-640px之間,所以jd在body里直接設置了max-width:640px,min-width:320px,這樣既在手機端上有很好的顯示驶忌,也能在pc端打開m站頁面時有很好的顯示辫塌。
bodycss.JPG
2.關于jd搜索欄的制作墓律,采用兩個兄弟div搂赋,一個作為背景,一個作為內容划乖,查看代碼可以發(fā)現(xiàn)第一個div用了absolute辆沦,所以第二個div可以直接升上去昼捍,但是由于在默認情況下识虚,元素應用了非static的position屬性后,其就會有一個隱晦的層級妒茬,會居于普通元素之上担锤,想看更多可以到張鑫旭,所以正常情況下bgdiv會蓋在contentdiv上面乍钻,所以我們需要給contentdiv添加relative來"后來居上"肛循。為什么要用兩個div來實現(xiàn)呢:我發(fā)現(xiàn)在滾動條下移時,bgdiv的opacity會變化银择,視覺效果會更好多糠。如果是在一個div中使用opacity的話,文字搜索框都會變透明浩考,就不是預想的效果了夹孔。
<div class=search style=position:fixed>
<div class=bg style=position:absolute></div>
<div class=content style=position:relative></div>
</div>
search.JPG
3.其他好像沒有什么可以講的地方,比較多使用float的地方我覺得可以使用flex