自游互动解决部分浏览器不支持space-evenly兼容性问题
本篇文章讲解一下部分浏览器在flex布局中justify-content不支持space-evenly的兼容性问题 解决方案我们用space-between 代替 //原始样式,只写关键其他样式不写了 .flexbox{ justify-c...
css
解决百度浏览器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...
取消可输入标签聚焦时contenteditable的边框
本篇文章记录一下属性contenteditable为true时获取焦点时,取消边框 把普通标签改为可输入的标签时添加contenteditable=”true”即可实现输入功能，但是进行输入时会有边框出现 解决方案: 添加css样式 out...
纯css 模拟焦点光标闪烁
本篇文章我们记录一下使用纯css 模拟文本框获取焦点后的光标闪烁效果 我们先看一下效果 html代码如下 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999...
safari中flex布局时img宽高等比缩放自适应问题
本篇文章讲解一下safari浏览器中flex布局时img宽高等比缩放自适应问题。 今天用flex布局时，在flex布局中添加了img标签，为了方便我只设置了宽度，按理说高度会根据宽高比等比缩放自适应的。 但是在safari中高度没有变化导致...