发表于： 2017-07-24 23:41:53
1 797
今天完成的事情：
今天将任务四最麻烦的流程图页面完成了大部分了，就剩下跟杀手杀人和投票页面的内容进行数据传动的操作了，在制作流程图的天数信息反馈页面上存在一些问题，存在的问题是如何保留之前天数所渲染的文本信息，后面利用重复渲染的方法解决了这个问题，其他的都不是什么大的问题，接下来会尽快将任务四完结掉。
今天还学习到的内容是关于小课堂上讲的一些内容，一个是关于自适应和响应式的区别简要的内容如下：
Responsive design (响应式设计)：建立一个网页，通过CSS Media Queries，Content－Based Breakpoint（基于内容的断点）等技术来改变网页的大小以适应不同分辨率的屏幕。
Adaptive design (自适应设计)：为不同类别的设备建立不同的网页，检测到设备分辨率大小后调用相应的网页。目前AWD网页主要针对这几种分辨率（320，480，760，960，1200，1600）
至于什么时候使用Responsive design或Adaptive design很大程度取决于你的开发时间和预计的开发成本。如果在开发时间较为紧张的时候，同时也希望尽可能的让网页自适应于多种设备，争取在不同类型的屏幕上都保持良好的用户体验，那么使用Adaptive design的方式也是不错的选择。
另一个的内容是关于如何实现垂直居中，总结的几个方法有以下几种：
方法1：table-cell
方法2：display:flex
方法3：绝对定位和负边距
方法4：绝对定位和0
方法5：translate
方法6：display:inline-block
方法7：display:flex和margin:auto
方法8：display:-webkit-box
具体的实现方法请通过通过搜索网页自行查找
明天计划的事情：
明天打算去看医生，会请假一天但是还是会将任务完成。
遇到的问题：
暂时没有其他新的问题出现
收获：
如上
返回列表
评论