发表于: 2016-04-15 23:52:56
1 1674
今天完成的事情:
1.完成手机端的适配
1.1设备的尺寸
1.2缩放比例
1.3是否允许用户缩放
2.使用Chrome下的调试工具
3.div的水平和垂直居中
使用绝对定位实现
明天计划的事情:
1.在Chrome调试,直接改变元素的值看效果
2.配置Nginx,本地或者阿里云
遇到的问题:
body 的margin没有设为0,导致水平居中效果有差异
元素的显示应该需要根据屏幕的比例来缩放,这个目前看来貌似需要通过js
收货:
最大的收获是复习了很多东西,比如span,直接设置宽高是不起作用的,需要display:block;
就这个任务而言,需要掌握很多东西:
1.浏览器和手机的兼容适配
2.元素的定位
3.display的区别
同样的效果可以通过多种方式实现,最重要的还是需要明白原理,多踩点坑。
评论