问HN:为什么点赞箭头这么小?

3作者: guilhermeasper大约 1 个月前原帖
HN上的.votearrow元素大小为10x10像素: ```css .votearrow { width: 10px; height: 10px; border: 0px; margin: 3px 2px 6px; background: url("triangle.svg"), linear-gradient(transparent, transparent) no-repeat; background-size: 10px; } ``` 在手机上,我总是点击标题而不是箭头。我已经通过Stylus运行了这个覆盖样式一段时间: ```css .votearrow { width: 40px; height: 40px; margin: 0; background-repeat: no-repeat; background-position: center; background-size: 16px; cursor: pointer; } ```
查看原文
The .votearrow element on HN is 10x10px:<p>.votearrow { width: 10px; height: 10px; border: 0px; margin: 3px 2px 6px; background: url(&quot;triangle.svg&quot;), linear-gradient(transparent, transparent) no-repeat; background-size: 10px; }<p>On mobile, I keep tapping the title instead of the arrow. I&#x27;ve been running this override via Stylus for a while:<p>.votearrow { width: 40px; height: 40px; margin: 0; background-repeat: no-repeat; background-position: center; background-size: 16px; cursor: pointer; }