前端技术

2021-04-29ziyoukeji阅读(23)赞(0)

最近再做小说网站，小说阅读页有一个切换背景的功能，我们的背景都是图片，苹果手机切换背景时发现背景色没有变化，或偶尔变化，或多点几次后发生变化。最想了很多解决方案最终找到了解决方案 这是一篇没有代码的解决方案，只能说思路。 原来切换背景时我都...

2021-04-26ziyoukeji阅读(23)赞(0)

本篇文章记录一下,  做微信小程序时因苹果x以后的手机底部有一个横杠  我们做底部悬浮时会和横杠重叠 的解决方案 原来还需要用js去判断机型来控制样式,现在不用了.直接用wxss控制就好了,直接上代码 padding-bottom: cal...

2021-04-01ziyoukeji阅读(47)赞(0)

本篇文章记录一下ie11以下array数组不支持find方法的解决方案 扩展find方法 if(!Array.prototype.find){ Array.prototype.find = function(callback) { retu...

2021-03-17ziyoukeji阅读(67)赞(0)

本篇文章记录一下标签设置display:inline-block后并排存在间隙问题和解决办法 解决方案  给父元素设置 font-size:0  就可以了 /*样式*/ .htb_tags{font-size:0} .htb_tags a{...

2021-03-13ziyoukeji阅读(79)赞(0)

本篇文章讲解一下页面在刷新时部分元素先闪烁抖动后归位的问题 我遇到的问题是刷新时顶部的logo和用户头像先闪烁一下,然后才回到自己的位置上 视觉上特别难受 经过实验,发现是img标签导致的   我的解决方案是把img样式中display改成...

2021-03-03ziyoukeji阅读(79)赞(0)

本篇文章记录一下js禁用滚动条记忆功能，也可以解决页面刷新时回到顶部 js代码如下: history.scrollRestoration = 'manual';   此代码是禁用滚动条记忆功能，也相当于页面刷新时回到顶部。

2021-02-25ziyoukeji阅读(118)赞(0)

本篇文章讲解一下部分浏览器在flex布局中justify-content不支持space-evenly的兼容性问题 解决方案我们用space-between 代替 //原始样式,只写关键其他样式不写了 .flexbox{ justify-c...

2021-02-24ziyoukeji阅读(103)赞(0)

本篇文章讲解一下H5页面在百度浏览器中fixed定位  不显示的问题 不显示的原因主要是百度浏览的广告屏蔽机制导致到。以下我整理出来的一些思路，能不能解决还需要看个人的页面代码情况 思路一：用fixed渲染的窗体不要添加width:100%...

2021-02-03ziyoukeji阅读(124)赞(0)

本篇文章记录一下h5页面在ios中safari浏览器伪元素hover点击两次的问题 我遇到的问题是了父元素中有个hove样式  子元素有checkbox控件,  在ios上总是需要点击两次,   第一次触发hove事件  第二次才触发che...

2021-01-19ziyoukeji阅读(223)赞(1)

本篇文章记录一下在h5开发时用line-height导致字体偏上的问题,尤其是安卓手机. 解决这个问题我总共有4个方案. 代码 <a target="_blank" href="/aaa.html" class="btn">这是...