发表于： 2017-03-08 23:27:56
1 703
今天完成的事情
1、完成了任务7的剩余部分
2、开始进行任务8
下载了任务8的psd图，完成了切图的工作，开始写首页的代码。
完成header和nav部分，两部分都是用了栅格系统，填充内容后，使用text-align：center，再通过padding调整，使其达到和psd的一样的效果。
明天计划的事情
1、完成任务8的首页
2、完成任务8另两个页面的布局和内容的填充，都使用栅格系统进行布局
遇到的问题
使用的bootstrap的轮播插件，但没有效果，可能是没有导入jquery，明天再进行调整
收获
小课堂，自适应和响应式的区别
自适应是为了解决如何才能在不同大小的设备上呈现同样的网页，但自适应还是暴露出一个问题，如果屏幕太小，即使网页能够根据屏幕大小进行适配，但是会感觉在小屏幕上查看，内容过于拥挤，响应式正是为了解决这个问题而衍生出来的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所变动。
自适应，在网页代码的头部，加入一行 <meta name="viewport" content="width=device-width, initial-scale=1" />
尽量少使用绝对宽度
返回列表
评论