我的整个样式表都是使用$(this).find("span.filter-option").text(col);代替em完成的。整个主题都是响应性的。
我唯一想要改为px的是使用添加边框的类：
px .border {
border-width: 0.1em;
border-style: solid;
}
在大多数地方看起来有点厚。我想将其更改为0.1em：
px我知道我可能在这里过于挑剔，但是在定义边框宽度时我有什么理由不使用.border {
border-width: 1px;
border-style: solid;
}
吗？如果是这样，有什么方法可以让px缩小一点，看起来更像0.1em吗？
答案 0 :(得分：1)
如果您希望边框宽度具有响应性，请不要使用px。 Px是固定大小的单位，尽管有任何其他响应变化，它仍将保持不变。因此，您可能会面临相对于页面其余部分具有微小或较大边框宽度的风险。
您是否测试了1px（font-size与[{1}}的比例）增加或减少时em看起来如何？
答案 1 :(得分：1)
不是在em中定义它，你说它不满意，在px中定义它，但是当网站通过媒体查询更改时，将值更改为2px或3px等。然后你有明确的控制权。
@media screen and (min-width:30em) { .border {border:1px;} }
@media screen and (min-width:50em) { .border {border:2px;} }
缺点是，如果您想要屏幕尺寸的小增量，并且您的CSS成为书本长度。然后你只是过于挑剔。