1.容器包裹尺寸：因为移动端的宽度尺寸在320px-640px之间，所以jd在body里直接设置了max-width:640px,min-width:320px,这样既在手机端上有很好的显示，也能在pc端打开m站页面时有很好的显示。
bodycss.JPG
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>
search.JPG
3.其他好像没有什么可以讲的地方，比较多使用float的地方我觉得可以使用flex
网友评论