![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器兼容
大刘鸭
如果你觉得你写的代码有bug,那么它一定有bug。
展开
-
position为fixed的元素,高度不是满屏;transform对定位元素的影响;绝对定位的元素,高度不是全屏;
今天的开发中,遇到一个问题,div使用绝对定位,但是高度却不是全屏幕。代码如下:div{ position:fixed; top:0; left:0 bottom:0; right:0; width:100vw; height:100vh;}效果图如下:结果:经查证,该元素的父元素,使用了transform,也在网络上查证,并没有找到合适的官方文档,网络上也有码友遇到此类问题,但是没有有力的文档。解决:1、改写父元素的transform,使用其他方式,完成transform原创 2020-12-20 17:59:53 · 2020 阅读 · 0 评论 -
input 浏览器中会自动输入历史记录,完美解决。
问题描述:在浏览器使用 form 得时候,浏览器经常会 自动 将输入框的内容自动填充进去,即使你没有加上 autocomplate 属性 ,浏览器也是会给你自动填充。如何解决:给 input 输入框, 加上一个 readonly 得属性,使用 settimeout ,在一定时间间隔后,再将这个readonly 属性移除即可。settimeout 得时间间隔值,需要根据需...原创 2019-10-28 16:00:05 · 6647 阅读 · 0 评论 -
浏览器常见兼容问题(一)
一、不同浏览器的标签默认的外补丁和内补丁不同原因:在不同的浏览器中,浏览器对有些标签默认样式(margin,padding)给出的大小不一解决:在写CSS之初,给出*{margin:0;padding:0}二、块属性标签float后,再给水平的margin,展现出来的margin和给出的margion不一样,(双倍显示)(ie6)原因:不详~~~解决:在float的标签原创 2016-11-17 20:20:02 · 324 阅读 · 0 评论 -
苹果手机,电话号码(类似数字)显示为蓝色
在head中加入下面这句话就好: 苹果自动识别了这个数字为电话号码,原创 2017-02-22 18:48:46 · 3239 阅读 · 0 评论 -
es6 语法,在 IE 中不兼容的处理办法
在今天的开发中,突然被测试抛出来一个 八阿哥~说是项目在 IE 中打不开,然而在其他浏览器中跑的非常6打开百度,一顿搜索,发现最终是 es6 的问题在其他浏览器中,支持的很好,尽管你的es6代码没有编译成低版本的代码在其中运行也是没有问题但是在 IE 中,确实不行了继续一顿百度,总结下本次兼容处理的路:你需要走两步:1、使用polyfill安装:npm ins...原创 2019-03-25 18:00:37 · 7443 阅读 · 4 评论 -
input 在 chrome 下 , 自动填充后,会有一个默认样式,如何清除这个默认样式?
input 在 chrome 下,当 input 自动填充后, 会有一个默认的样式 ,如下:input:-internal-autofill-selected { background-color: rgb(232, 240, 254) !important; background-image: none !important; color: rgb(0, 0, 0)...原创 2019-09-06 16:50:05 · 11716 阅读 · 7 评论