发表于: 2019-06-17 23:20:18

1 893


今天完成的事情

       修改第二个页面的页尾部分:原因做不到像官网一样缩放,靠媒体查询修改margin百分比虽然可以,但是效果不同,官网的效果更像是利用了flex的项目属性,而页面缩小时,1.flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大。2.flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。不使用媒体查询修改时,是按这两条进行缩放的,而且缩放是缩放内容,不包含内外边距,这也导致了我今天修改只是有个大概思路,并没有完美实现。因为小盒子内容的位置需要 margin 来撑开,导致缩放时 margin 一直存在。目前想法是能不能都是内容部分,这样子缩放时能达到效果。

         敲写第三个页面:没有解决以上的问题就进入第三个页面,原因卡了任务8太久了,接近一个月,想在今后的任务中在慢慢完善此想法看看行得通吗。第三个页面,内容也很多,开始需要有一些构思,比如一个 web前端工程师 介绍栏,需要实现的效果,以及对应的媒体查询。其实认真看的话细节很多,比如很多文字都是按钮、跳转效果,想练习都是可以的


明天计划的事情

       继续敲写第三个页面


遇到的困难

        1.今日完成的事情提到的想法思路,或者是否有另外一种较好的属性搭配可实现缩放

        2.很多地方都有跳转页面效果,可以利用<a>标签,以前很少使用过,很多地方也有按钮效果,鼠标放上去不变成小手掌而是复制文字的样式。

        3.在添加媒体查询中更更改改会出现很多无用代码,如何辨别出来并删除。


收获

        任务8,每天收获都很多。


返回列表 返回列表
评论

    分享到