移动端京东首页

移动端京东首页

• 目录结构
• 页面骨架
• 技术点
• 源码
• 效果图

目录结构

• js
  • index.js
• css
  • base.css
    • reset.css
    • common.css
  • index.css
• images
  index.html

页面骨架

技术点

• 语义化标签
• 移动端屏幕适配(视口设置)
• 移动端二倍图问题
• 流式布局(百分比布局)
• 响应式
• 顶部搜索栏(双飞翼)
• 利用伪元素清除浮动
• 利用组合样式布局

源码

• 链接：https://pan.baidu.com/s/1F2I5qh3Tyk2RbJAiyhnSXw 提取码：h89k

效果图

---