Почему на разных мониторах пропадают бордеры?

Question

[fsgdoterr]

Есть страничка 9.dev-kit.ru/pro-nas
и внизу три слайдера, где каждому слайду задал бордер, у меня все отлично работает, а у клиента нету нижних и правых границ у слайдов, почему так, и как это вообще фиксится?

Comments

[Lynn «Кофеман»]

Проверить масштабирование у клиента. Попросить нажать ctrl-0

Answer 1

[Вадим]

Почему на разных мониторах пропадают бордеры

Такое чаще всего проиходит из-за того, что у всех разные браузеры и разные дисплеи и, как следствие, из-за того, что у элемента "странные" габаритные размеры.
Например, у Вас у слайдов 202.5px ширина и 242.86px высота.

Такое значение априори не может попасть в пиксельную сетку.
Так как сайт - это по сути отрендеренная браузером картинка, которой нужно попасть в пиксельную сетку, браузеры "химичат" со значениями при отрисовке.
Разные браузеры делают это по разному.
Один и тот же браузер может сделать это по разному при, казалось бы, одних и тех же условиях.

Например: Я сделал как предложил Lynn «Кофеман».
У меня по умолчанию всё ок.
Сделал масштаб 80% - пропали границы, как и у Вашего заказчика.
Сделал 90% - границы вернулись.
Сделал как было по умолчанию - 100% и границы опять пропали.
То есть по умолчанию в 100% показываются, а после изменения масштаба туда сюда - пропадают.

и как это вообще фиксится

установить слайдам более чёткие размеры, как правило, лучше всего подходит размер кратный 4.
Если возник вопрос - почему 4ём, то ответ кроется, как я понимаю, в физическом устройстве дисплеев.

Тут можно почитать про физические и логические пиксели https://habr.com/ru/post/150071/

Answer 2

[Сергей delphinpro]

.swiper-block {
   overflow: hidden;
-  padding-top: 40px;
+  padding: 40px 1px 1px;
   position: relative;
}