2019-07-09 12:57:01

这两天进行了网站文章图片增加水印功能的添加,与网站底部的添加,重点说一下网站底部,由于本站是自适应模式,所以当内容不足的时候,网站底部会悬浮QQ浏览器截图20190709125024.png

因此我尝试了各种办法,始终无法解决,因为position固定在网站底部的时候,始终会遮挡住底部栏下面的内容,这在移动端非常不好看,因为本站就是以阅读内容为主,而多出的底部栏遮挡住一部分内容很影响美观,无论采取第三方库或者bootstrap都无法解决,后来发现使用flex布局可以先将body页面元素垂直,然后在进行定位。但是在移动端,由于受到flex的影响,所有内部模块元素样式错乱了。直到目前为止,本站的解决办法是采用JQ动态获取高度来设置footer的高度,JQ修改DOC元素也有个小毛病,就是页面第一次加载会闪现一下然后修改,目前站长也没有解决办法,但是与之前的内容不足底部栏显示在中间比,好多了。