发表于： 2017-03-30 14:11:52
1 677
今天重写了任务三，任务四，完成了任务五。
晚上和明天计划学习less并用less重写所有任务。
遇到的问题
1.多个span，input之间有空隙的问题。
加浮动即可去除，不推荐不换行写标签的方法。
2.做出的任务与任务详解的效果有差距
据我参考源码，源码的1rem指定为100px，没有进行媒体查询自适应，我使用媒体查询，但是不完整，导致当页面宽度大于960px时，即当页面转变为pc端页面时，有些细节有问题。
3.出现横向滚动条
尽量不添加width :100%;
默认即为100%，如果添加而没有使用怪异盒模型，会导致padding和margin撑大盒模型出现横向滚动条。
收获
解决了一些遇到的问题0.0
请师兄解答下这个问题
当一行有2个span时，一个span的内从超出换行，换行后该span的盒子模型会被撑大，实例如下
我才用设定宽度，右浮动解决，之后用rem微调左padding使该span与上行对齐，但是当width超过768px，就对不齐了，请问下师兄，这种情况如何处理？
应该在li中包裹两个div分别左右浮动吗？
我觉得div过多比较臃肿，有其他的解决方案吗？
返回列表
评论