发表于: 2019-06-25 21:30:42
1 830
今天完成的任务:
页面顶部登录行设置媒体查询达不到那种效果。首先是把页面左右两边处于对齐现象,再组件库里设置好了媒体查询外边距的值。按照小屏幕到大屏幕像素的顺序来,出现了问题,前面设置的媒体属性都处于无效,这个是为什么呢?看原因很快就知道是被覆盖了。必须要按照 顺序来。查看了框架的源码它不是用外边距去刻意实现,它应用的是另一个方法,里面加了宽度。
当屏幕为移动设备时,隐藏导航栏列表项目,显示菜单按钮。给菜单按钮(电脑时隐藏)加入hover 或者checked选择器实现,当hover或者checked的触发时动态修改导航栏列表项目display等其他样式。这样当鼠标单击菜单按钮时就可以动态修改导航栏列表的样式了。
明天计划的事情:
继续以下任务
收获:今天查看源代码栅格系统,理解并使用它来模拟练习。
评论