第一篇博客记录下自己刚学习的问题
Flex(弹性盒)在整个移动端写完以后,会出现一种情况,如果footer内的元素超出footer高度移动端底部滑动会出现缝隙,这个问题在我写移动端的时候出现了3次;第一次请教的老师,给说了解决方法,具体是怎么处理的没弄明白,然后再出现这种问题只是照搬而已;
第二次,也是问的老师,似懂非懂,自己查了资料,然后第三次写的时候突然“短路”然后查了以前写的代码,然后算是大概明白了解决的方法,以及为什么会出现这个问题;我认为发现问题的根源才是解决问题的最好方法,这个问题的根源在移动端的底部布局,在写移动端的时候有时候可能不注意审查页面,把布局分析的不合理,然后在写的时候就会出现误差,可能误差在1-2px但是今天我又遇到了这个问题,我按照position的方法解决,但是呢解决完成之后移动端底部还是会出现一点缝隙(在滑动的时候);然后我审查了css代码以及html标签没有发现错,然后过了几个小时还是会出现这个问题,解决完成了,但是底部会有小缝隙,有审查了一次代码,这次发现了根本问题,就是在footer标签中的p标签height多了0.01rem,然后这个多出来的0.01rem是多在了边框上了;就是在计算p标签的高度时把边框的值加了进去,在p标签的height里没有减去1px就把边框加上了;这个问题其实不难啊,就是容易在疏忽的时候出现,让人很抓狂,因为小到1px,就很难发现。
SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。还有在写移动端的时候会出现圆的logo图,以前的时候会直接把图片截下来放进去;在最近几次我写的时候觉得效果不太好,直接放进去太“简陋”在切图的时候会审一下这个图的内容切多少,然后加什么标签,怎么把图片加入到页面更像是一个整体;有了这几次的审图之后,再到页面整体布局有了更新的认识,就是在布局的时候怎么细节跟随整体走,不会掉单;简单点说就是如果我往这个页面的里面加人内容或者删除内容,那么这个页面的某一个部分或者一个大块会不会出现结构乱掉的现象,这样一来在分析布局的时候对页面的结构更清晰了;还有就是在以前写页面时使用标签,只是对标签分块元素和内联元素以及内联块,这是不对的,因为标签的使用时根据内容来定的,这次更正了下这个错误;以后注意!
虽然有点啰嗦,但是是对自己的认识,当然做的还不够好,以后努力学习的同时,也能发现自己的问题,并及时更正。
