发表于: 2019-06-11 23:32:17

1 805


今天完成的事情

        空闲时想了想页眉与导航的布局,响应式媒体查询,到多少分辨率开始变化(应该严格按col-l、col-m、col-s、col-xs),之前第一个页面是按自己随便所想的分辨率变化。

        写了第二个页面的页眉与导航栏,之所以写,并没有复制,是为了加强理解导航栏的伪类悬浮与响应式变换按钮式下拉框,也为了更改自己的布局方式,不给大盒子定宽高,写完一部分就添加媒体查询,避免后面超级麻烦的更改。

        本想写完这两部分就看看栅格布局的例子,熟悉熟悉,但是小看了细节部分,加上自己不借鉴第一个页面的导航栏,只写到了悬浮出现下拉框,并没有添加媒体查询出现按钮下拉框。


进度



明天计划的事情

       空闲时看看响应式图片的代码要求、栅格布局例子或者flex 对于 flex:1 1 *% 的运用例子。

       继续布局第二个页面


遇到的困难

        卡在悬浮出现白色下边框这一步三十分钟,原因直接给大框为 button ,悬浮时“首页”文字上下移动,最后F12查询找到问题,button应设置在文字框。

        目前对栅格布局还是很懵逼,尽量到中间内容布局前,了解并可以初步运用栅格布局。

       

收获

       慢慢养成响应式布局的习惯

       


返回列表 返回列表
评论

    分享到