发表于： 2018-05-25 23:56:33
1 528
今天完成的事情
1.解决了昨天遗留的问题，关于media部分代码失效的问题。
昨天在用media控制img的display：block的时候发现没有效果，经过不断的调试发现问题出在权重上。也就是说media里的那句优先级没有css里的高，根本问题出在media里的嵌套层级里，css里嵌套关系是怎么样的，media里就要怎样写，这样才能覆盖。比如css里 main .how .row >div img{display:none} media里想要覆盖的话就不可以这样.how .row >div img{display:block} 需要将main 加上，否则就无法完全覆盖css里的语句。
2.优化了页面1的细节，大致完成了页面2
遇到的问题：
已解决：
1.ie里flex布局里的p 文字没有换行，撑破了盒子
方法：给p设置宽度，wedith：100%。大胆猜想下原因，大概是p不知道自己的宽度，所以没办法分配自己的空间给文字，所以就在一行显示。
未解决：
1。
bootstrap确实极大的方便了开发，但有时一个简单的header为了保证页面上下样式的统一，层层嵌套了好几个div，感觉很麻烦，不知道有没有什么简单的方法
今天的收获：
1.media使用的细节，一定要注意嵌套层级
明天的计划：
额。。。必须得完成该任务！有点拖了
返回列表
评论