发表于： 2017-03-07 23:55:33
1 541
今天完成的事情：完成了任务8的响应式
明天计划的事情：把任务8顶部的导航栏做成折叠式，然后做下一个任务
遇到的问题：完成任务8的布局之后，用手机测试的时候，右边有大量的留白，在泽平师兄的指导之后，发现是下面的战略企业的布局出了问题。因为那里是5个格子，所以我没有用栅格布局，而是用定宽的方式排列了5个DIV，然后龚浩师兄告诉我把宽度设置成百分比，再设置一个min-width，缩短到一定宽度的时候就会自动换行了。
完成了响应氏之后，缩短宽度之后，图片却撑出了DIV，这里用插入背景图片的方法，然后用
background-position: center center;
来让背景图片居中
收获：在写PC端网站的时候，测试的时候一点点的缩短，哪个宽度出了问题就用媒体查询来解决，多用媒体查询就能写好响应式。
DIV尽量不要用固定宽度。
返回列表
评论