作者:烟熏装-_265 | 来源:互联网 | 2023-09-25 09:04
一、 京东移动端页面制作
1. 技术选型
方案:单独制作移动端页面
技术:流式布局
2.搭建相关文件夹结构
css images(背景图、精灵图等) upload(产品图) index.html
3.引入
引入视口标签和相关样式
4.定义好body宽度大小为100% 还有最大宽度最小宽度 字体大小颜色型号 行高
5、二倍精灵图做法
1.在firework里面把精灵图等比例缩放为原来的一半
2.之后根据大小测量坐标
3.代码里面也要将精灵图缩放宽度的一半background-size
6、给链接a添加浮动使其可以设置宽度
效果图:在不同屏幕下都没有问题
![](https://img5.php1.cn/3cdc5/92e2/3b4/c7abf68a179b8b62.png)