1.容器包裹尺寸:因为移动端的宽度尺寸在320px-640px之间,所以jd在body里直接设置了max-width:640px,min-width:320px,这样既在手机端上有很好的显示,也能在pc端打开m站页面时有很好的显示。
2.关于jd搜索栏的制作,采用两个兄弟div,一个作为背景,一个作为内容,查看代码可以发现第一个div用了absolute,所以第二个div可以直接升上去,但是由于在默认情况下,元素应用了非static的position属性后,其就会有一个隐晦的层级,会居于普通元素之上,想看更多可以到张鑫旭,所以正常情况下bgdiv会盖在contentdiv上面,所以我们需要给contentdiv添加relative来"后来居上"。为什么要用两个div来实现呢:我发现在滚动条下移时,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>
3.其他好像没有什么可以讲的地方,比较多使用float的地方我觉得可以使用flex