Браузер имеет проблему рендеринга всего в 1 пиксель, но в основном это важно для дизайна. Это происходит очень часто, когда я использую псевдоэлемент CSS и позиционирую их как absolute на relative. Я тестировал на Google Chrome . Я думаю, что другие браузеры тоже имеют такую же проблему.
У меня есть ручка на codepen.io , которая имеет точно такую же проблему, как я говорил выше. (Если вы не видите проблем, попробуйте ответить)
Так, что является хорошим способом решить проблему рендеринга веб-браузера на пикселях (отзывчиво)?
Проверьте этот скриншот:
Белые линии на изображении не нужны. Каждый элемент представляет собой прямоугольник с псевдоэлементом до и после, который представляет треугольники. В конце все элементы должны быть шестиугольными. Таким образом, каждый элемент имеет прозрачную линию размером 1 пиксель между горизонтальными братьями и сестрами и между псевдоэлементами. Вот в чем проблема