发表于: 2018-05-23 23:17:44
1 648
今天完成的事情:任务一九宫格已经画出来,可缩放
明天计划的事:将Nginx配置好,看CSS
遇到的问题:
1、九宫格不居中 更改前的程序 更改后 更改后的程序
算是投机取巧吧,发现通过更改margin的占比值可以在视觉上达到九宫格居中的效果(轻拍),同时padding的占比必须小于33%,不然就成糖葫芦了
2、吐槽下官网给的viewport资料链接开不开,自己搜了个看了下,只要在head里加上
基本上移动设备都可以适配,具体结果还没在手机上试过(Nginx配置好了还是报错)报文如下:
2018/05/23 20:13:07 [error] 13148#6688: *59 CreateFile() "D:\360Downloads\nginx-1.14.0\nginx-1.14.0/html/task1.html" failed (2: The system cannot find the file specified), client: 127.0.0.1, server: localhost, request: "GET /task1.html HTTP/1.1", host: "localhost"
收获
今天在画完九宫格后考虑缩放问题的时候看到坑乎里的问题时才搞明白自己思考方向错了,一直考虑的是以margin为主导,看见padding时瞬间明白缩放是以自身内部的某个点为基准点来达到按比例放大/缩小的效果
评论