css - HTML border thickness on zoom

Question

Hello i got this problem i got website that on 100% zoom looks normal but when i zoom to 110% + borders starts act weird way. On some of the borders thickness is rendered 2x its actual size and some of them are deformed.

Anyone know what could cause this? When i check values on those they are 1px solid unchanged but they are rendered like 2px.

Thank you for your help.

Answer 1

its because of browser, when usinng zoom in browser it will only render how it would look like at choosen zoom level, so if you have 1px border at 110% its 1.1px border. Since you cant show only part of a pixel, it will show either 1px or 2px