How to solve the problem of border blur?

The effect of the 1px bottom border set by

is as follows

clipboard.png
is confused. It will be clear after I adjust the screen by 200%. What"s the problem?

Mar.11,2021

did you use transform: translateY (- 50%) or something? if it is, you have to use js to determine whether the actual height of the white piece can be divisible by 2. If it is not divisible by 2, give him a class and then the class is padding-bottom:1px.


it seems that the frame of the 1px under the IOS will be compressed to 0.5, resulting in blurring. I've heard of it before, but I haven't paid attention to how to solve it. The current framework should have been solved.


set 2px. Generally, it is better to use even values


I don't see the paste.

what we are talking about upstairs is probably the problem of lineWidth in canvas
clipboard.png

.

border of CSS has not encountered this problem yet. Wait for the master to answer


replace or replace border-image:url with box-shadow (data:image/svg. )


does not see that it has been burnt off

Menu