@Tigronix

Добавляется лишний бордер именно на моб. устройствах, в чём может быть причина?

Всем привет!
Странная магия получается. Использую css таблицу: https://jsfiddle.net/tvnv3e18/.
На компьютере на всех размерах (проверял в firefox, chrome 320-1920) у ячеек нету вертикального бордера. И всё верно, его там и не должно быть поскольку он вообще не задан в стилях.
.tabs__table .cell {
	display: table-cell;
	height: 71px;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #BABABA;
	border-left: none!important;
	border-top: none!important;
	border-right: none!important;
	padding: 0 5px;
	background: #469131;
	font-family: 'ikea', 'roboto';
	transition: .6s;
	font-size: 1.2vw;
	font-weight: 400;
}

Но! Именно на мобильных устройствах (проверял и на андроиде и на айфоне) есть вертикальный бордер: a4d2d68667864e9fbe142b4854c1c63e.jpg

Быть может я не задаю, какое-то важное свойство, которое решает эту проблему или это просто магия вуду и с ней надо смирится? Первый раз вижу, чтобы такое было.
  • Вопрос задан
  • 127 просмотров
Пригласить эксперта
Ответы на вопрос 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
попробуй
border-spacing: 0;
border-collapse: collapse;

для .tabs__table
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы