发表于: 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的区别

同样的效果可以通过多种方式实现,最重要的还是需要明白原理,多踩点坑。


返回列表 返回列表
评论

    分享到