发表于： 2017-03-25 22:03:01
1 637
今天完成的事情：
任务8的代码的三个页面公用的css还差一点。做的很慢。
了解了响应式。通俗的说，就是针对不同大小的设备显示不同的布局，使用户的视觉体验更好。响应式是由媒体查询，流式布局，元素自适应等技术结合来设计。
明天的计划：
完成任务9的第一个响应式页面。
遇到的问题：
问题1：如何解决前端的flex流动布局中的单个子元素位置？
解决方法：要右移的元素，加上margin-left : auto;或margin-start : auto;，原来这个是自动右对齐。
问题2：导航栏在移动端收缩后，点开导航栏，左边的logo跟着往下移动了
原因：logo使用了绝对定位，移动端响应式很不适合绝对定位。这个logo是图片，想让它垂直居中又不影响右边的导航栏好像没什么办法。只好换成了文字。
收获：
由于任务8做的太复杂，很多地方的bootstrap栅格用的不好，导致很难为移动端做响应式。只好重新写了。之前的几个任务，一直以为做的是自适应，今天才发现是流式布局。
返回列表
评论