自游互动解决ios所有浏览器切换背景时不能及时生效的问题
最近再做小说网站，小说阅读页有一个切换背景的功能，我们的背景都是图片，苹果手机切换背景时发现背景色没有变化，或偶尔变化，或多点几次后发生变化。最想了很多解决方案最终找到了解决方案 这是一篇没有代码的解决方案，只能说思路。 原来切换背景时我都...
css
display:inline-block的间隙问题和解决办法
本篇文章记录一下标签设置display:inline-block后并排存在间隙问题和解决办法 解决方案 给父元素设置 font-size:0 就可以了 /*样式*/ .htb_tags{font-size:0} .htb_tags a{...
解决页面刷新时部分元素闪烁抖动后归位的问题
本篇文章讲解一下页面在刷新时部分元素先闪烁抖动后归位的问题 我遇到的问题是刷新时顶部的logo和用户头像先闪烁一下,然后才回到自己的位置上 视觉上特别难受 经过实验,发现是img标签导致的 我的解决方案是把img样式中display改成...
解决部分浏览器不支持space-evenly兼容性问题
本篇文章讲解一下部分浏览器在flex布局中justify-content不支持space-evenly的兼容性问题 解决方案我们用space-between 代替 //原始样式,只写关键其他样式不写了 .flexbox{ justify-c...
解决百度浏览器fixed定位不显示的问题
本篇文章讲解一下H5页面在百度浏览器中fixed定位 不显示的问题 不显示的原因主要是百度浏览的广告屏蔽机制导致到。以下我整理出来的一些思路，能不能解决还需要看个人的页面代码情况 思路一：用fixed渲染的窗体不要添加width:100%...
h5页面解决ios中safari浏览器伪元素hover点击两次的问题
本篇文章记录一下h5页面在ios中safari浏览器伪元素hover点击两次的问题 我遇到的问题是了父元素中有个hove样式 子元素有checkbox控件, 在ios上总是需要点击两次, 第一次触发hove事件 第二次才触发che...
h5移动端line-height字体偏上问题
本篇文章记录一下在h5开发时用line-height导致字体偏上的问题,尤其是安卓手机. 解决这个问题我总共有4个方案. 代码 <a target="_blank" href="/aaa.html" class="btn">这是...
css布局上下高度固定中间自适应，且内容超出高度时出现滚轴
本篇文章记得一下css 布局上下固定高度 中间自适应高度 且内容 超出高度时出现滚轴 这里用的flex布局的方案实现布局 <!doctype html> <html> <head> <meta...
修改input的placeholder属性的样式
本篇文章记录一下如何修改txt 、textarea中placeholder属性的样式。 ::-webkit-input-placeholder{} /* 使用webkit内核的浏览器 */ :-moz-placeholder{} /* Fi...
hover伪类在ios移动端浏览器内无效的解决方法
本篇文章记录一下伪类hover在ios移动safari浏览器中无效的问题 hover 设置的样式在ios系统的浏览器内显示不出来，看来在iOS系统的移动设备中，需要在按钮元素或body/html上绑定一个touchstart事件才能激活:a...