![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
呼呼~~
这个作者很懒,什么都没留下…
展开
-
ios机型上0.5px边框缺失记录
IOS机型上会有边框缺失(然而经常出现缺不能稳定复现), 而Android机型上边框比较粗原因首先先看IOS边框缺失的问题,借鉴网络上前辈们的经验当父元素的高度为奇数,容易出现上下边框缺失,同理宽度为奇数,容易出现左右边框缺失解决办法是在边框内部添加一个1rpx的元素或者伪元素, 撑开内部使父元素的宽高是偶数。然而我们发现这种方案在Iphone 6等2倍屏可以生效, 但放在如Iphone X等3倍屏下面就很飘了, 还是经常会出现边框缺失的情况, 这种情况下再去把父元素改为2和3共同的倍转载 2022-03-21 18:48:16 · 1751 阅读 · 0 评论 -
前端小问题记录
问题1:ios底部小黑条的兼容//需按此顺序写css样式height: calc(70px + constant(safe-area-inset-bottom)); /*兼容 IOS<11.2*/height: calc(70px + env(safe-area-inset-bottom)); /*兼容 IOS>11.2*/问题2:H5页面可查看打印信息等const script = document.createElement('script');script.type = 't原创 2021-11-12 10:53:27 · 2492 阅读 · 0 评论 -
css:字母hover文字加粗,盒子变宽,导致文字列表抖动
解决:使用伪元素<div className="search-list-item" title='aksjk'> aksjk</div>// css 样式.search-list-item { height: 36px; &:hover { background: #4285f4; color: #ffffff; font-weight: 500; } // 为元素修复抖动 &:原创 2021-08-30 14:29:07 · 2721 阅读 · 0 评论 -
网站置灰
网站置灰前端如何实现html { -webkit-filter: grayscale(.95 ); //grayscale(%)//将图像转换为灰度图像。值定义转换的比例。值为100%则完全转为灰度图像,值为0%图像无变化。值在0%到100%之间,则是效果的线性乘子。若未设置,值默认是0;...原创 2021-03-05 17:05:01 · 440 阅读 · 0 评论