0
点赞
收藏
分享

微信扫一扫

京东移动端首页(静态)

一叶随风_c94d 2022-03-11 阅读 53
html5htmlcss

一、 京东移动端页面制作
1. 技术选型
方案:单独制作移动端页面
技术:流式布局
2.搭建相关文件夹结构
css images(背景图、精灵图等) upload(产品图)   index.html
3.引入
引入视口标签和相关样式
4.定义好body宽度大小为100% 还有最大宽度最小宽度 字体大小颜色型号 行高
5、二倍精灵图做法
   1.在firework里面把精灵图等比例缩放为原来的一半
   2.之后根据大小测量坐标
   3.代码里面也要将精灵图缩放宽度的一半background-size

6、给链接a添加浮动使其可以设置宽度

效果图:在不同屏幕下都没有问题

举报

相关推荐

0 条评论