问HN:为什么点赞箭头这么小?
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("triangle.svg"), linear-gradient(transparent, transparent) no-repeat;
background-size: 10px;
}<p>On mobile, I keep tapping the title instead of the arrow. I'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;
}