发表于: 2018-05-16 23:22:35

2 421


今天完成的事情:

修改了任务八的几个小问题,包括图片的大小,以及底部hover效果,轮播图的效果。

今天拆解了任务十的禅道。对任务十切图,

完成任务十的大部分工作,还差下拉组件,以及进度条组件。

任务十连接:https://moyuhaokan.github.io/task/html/task10.html

明天计划的事情:

早上完成任务十的进度条组件,争取吃晚饭前做完任务十,写任务十任务总结。

看下less以及sass的,动手写下任务十一的代码。

遇到的问题:

今天遇到一个问题是,任务八的合作企业图片一直有溢出的现象。通过调节宽度,还是不行。

最后的解决办法是图片外面加上一个盒子,然后盒子,后来发现还是有溢出现象,感谢高昕师兄帮我看了,

发现是一个图片的宽度太大,超出盒子了。把图片加上max-width 就可以了

收获:

复选框(Checkbox)和单选框(Radio)在bootstrap可以方便的选择单选框组件来写代码。


假如我们要引入jquery的话,应该把jquery放在前面。


如果发现图片有溢出,可以去f12看下具体情况,找到原因可以使用max-width限制一下就可以

自适应小屏幕设备时,该如何布局?

主要是使用的单位尽量不要固定的,使用相对单位。meta name="viewport" content=content="width=device-width, initial-scale=1"加上这行代码在头部,可以让网页的宽度等于屏幕的宽度,再加上bootstrap的栅格系统布局可以比较灵活的适应小屏幕。


CSStask8

任务开始时间:5.5

任务结束时间:5.16

任务用时11天。

CSStask10

任务开始时间:5.16

预计任务结束时间:5.17




返回列表 返回列表
评论

    分享到