![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
bug总结
YoungShiHao
这个作者很懒,什么都没留下…
展开
-
两个大小不一重合的元素设置相同的rgba,展示效果却不一样
问题给两个元素设置了相同的rgba背景色,有设置透明度,发现展示的效果不一样.box { width: 300px; height: 300px; background-color: rgba(211,211,211,.5); } .box1 { width: 100px; height: 100px; background-c原创 2022-02-11 17:59:27 · 793 阅读 · 0 评论 -
input输入框在ios手机上打开的浏览器中光标及字体不居中
问题:当设置input的高度为42.5px,line-height为50px,只有在IOS手机上打开的浏览器(safari/chrome新版)是不居中的,其他的(安卓浏览器/电脑chrome/safari)都居中input { width: 100%; box-sizing: border-box; height: rem(42.5px); padding-left: rem(16px); background-color:原创 2021-04-19 14:11:55 · 913 阅读 · 0 评论 -
通过onpopstate事件监听浏览器的后退,如果页面没有进行其他操作,直接点击浏览器的后退按钮,在新版谷歌上不生效
问题:通过onpopstate事件监听浏览器的后退,如果页面没有进行其他操作,直接点击浏览器的后退按钮,在新版谷歌上不生效// a页面<body> <a href="b.html">to b</a></body><body> <input type="text"> <button id="btn">back</button> <script>原创 2021-04-19 10:02:18 · 1580 阅读 · 0 评论 -
使用iframe 标签 网页底部出现几px间隙
问题:使用iframe 标签 网页底部出现白边解决办法:推测原因:是iframe标签类似于img标签那样,也是基于基线对齐,底部就出现几px的间隙,img标签设置了vertical-align:bottom,间隙就没了。iframe标签设置之后也可以,以上纯属个人推测,欢迎各位大佬指出//在iframe标签里加style:vertical-align:bottom;<iframe...原创 2020-03-26 18:24:01 · 1022 阅读 · 2 评论 -
jQuery中设置背景图片
$(this).css("background-image","url(on.jpg)");注意点:首先是background-image,中间是带-的,不是原生js那样backgroundImage其次是需要给路径加上url(路径);原创 2020-03-18 09:46:49 · 1335 阅读 · 0 评论 -
不符合eslint的一些写法总结
具体可以上ESlint官网进行查看,此处只是我自己的一些需要纠正的写法1.consistent-return解释:要求 return 语句要么总是指定返回的值,要么不指定错误写法function doSomething(condition) { if (condition) { return true; } else { return; ...原创 2020-01-09 14:02:51 · 886 阅读 · 0 评论 -
css样式类
问题:设置字体样式的时候,直接复制zeplin上的样式,有些电脑上没有问题,但有些电脑没有效果原因:此处的PingFangSC是有问题的,SC前面需要用空格隔开解决方案:在SC前添加一个空格知识点拓展:1.参照写法font-family:“Times New Roman”,Georgia,Serif;2.取值family-name一个字体族的名字。例如"Times" 和...原创 2019-11-26 12:04:57 · 130 阅读 · 0 评论