Почему у ссылки появляется подчеркивание только при масштабе страницы 110% и выше?

Question

[Игорь Мясников]

Не видны подчеркивания ссылки при оригинальном масштабе страницы. Увеличив масштаб -подчеркивания появляются.
Как это исправить?
В reset

a {
text-decoration: none;
}

В стилях:

.box-content .read-more {
	display: inline-block;
	vertical-align: middle;
	padding-top: 20px;
	color: #000;
	text-decoration: underline;
}

Comments

[Владислав Килин]

Может быть, у вас подчеркивание теряется из-за overflow: hidden?

Answer 1

[Максим]

в стилях нету такого
весь код покажите или ссылку на сайт

Comments

[Максим]

pilium: угораешь да ? есть codepen.io туда выкладывай весь код css + html и сохраняй а сюда сссылку и всё

[Игорь Мясников]

Максим Ленский: https://jsfiddle.net/tbwLa49L/
Ссылки на тексте "read more"

[Максим]

pilium: у тебя у .box overflow:hidden; стоит и естественно если ты экран раздвигаеш то контент вытягивается и ссылка поднимется вверх и подчёркивание видно ... убери overflow и создай clear и всё codepen.io/Geyan/pen/YZLyZR?editors=0100 вот смотри - работает

[Игорь Мясников]

Максим Ленский: тогда оформление слетает

[Максим]

pilium: ну тогда делайте так что бы работало и было без overflow - я вам 100% помог ... странно почему ответ ещё не выбран ...

Answer 2

[teotlu]

Проблема в overflow: hidden на одном из родительских блоков и том, что line-height маленький, и подчёркивание выходит за границы блока.
joxi.ru/n2YVNbMCJ9y4A6

Comments

[Игорь Мясников]

Такая ерунда только в 3 местах , в остальном все работает как надо

[teotlu]

pilium: можно ссылку, где посмотреть, и описание, куда смотреть? Тогда смогу подсказать что-то.

[Игорь Мясников]

teotlu: https://jsfiddle.net/tbwLa49L/

[Игорь Мясников]

teotlu: ссылки на тексте "read more"

[teotlu]

pilium: joxi.ru/n2YVNbMCJ9y4A6

[teotlu]

pilium: проапдейтил ответ.

[Игорь Мясников]

teotlu: Да , но тогда слетает оформление , но все равно спс