当你悬停

Question

当您将句子悬停时，bottom-border不是一条清晰的1px行，就像您将鼠标悬停在photography上时一样。我也设置了margin:0;和padding:0;。 http://imdarrien.com/#

.project-link-1 {
display: inline;
text-align: left;
margin-bottom: 14px;
}

.project-link-1 a:hover {
border-bottom: 1px solid #000;
}

.project-link-1 > a {
font-family: 'NimbusSansNo5TOT-Regular';
border-bottom: 1px solid transparent;
font-size: 13px;
line-height: 16px;
word-spacing: 2px;
text-decoration: none;
color: #000;
}

Answer 1

这是因为你使用百分比变换。您的内容得到了抗锯齿。您可以尝试从.project_miniwrap中移除转换或将其设置为像素完美。