"使用 box-shadow时只要元素下方有阴影,但是小屏幕上还是两边看得到阴影怎么办。[图片] .post-content a, .toc a:hover { box-shadow: 0 1px; } 期望是,给每个a标签添加下划线的样式,但是是连续的,且和元素有一定距离。例如如下就是我尝试后失败的 ...."
使用 box-shadow时只要元素下方有阴影,但是小屏幕上还是两边看得到阴影怎么办。
box-shadow
.post-content a, .toc a:hover { box-shadow: 0 1px; }
期望是,给每个a标签添加下划线的样式,但是是连续的,且和元素有一定距离。例如如下就是我尝试后失败的结果。英文B和站之间的下划线没了,而且紧挨着文字看起来不好看。
a
B
站
这种是理想状态,但是是使用box-shadow😭
跟浏览器渲染逻辑有关吧,确定所有的小屏幕都会发生这个问题吗
呼叫大佬 @csfwff @adlered
可能不是这个的问题
看了下,确实是,Edge手机端和电脑模拟都显示成这样,汗😓
跟浏览器渲染逻辑有关吧,确定所有的小屏幕都会发生这个问题吗