@jango81

Как решить проблему когда браузер неправильно отображает width?

Дал всем псевдоклассам и span height: 2px; но почему то браузер отображает span толще чем псевдоклассы. Как решить? Проблема наверное не в браузере так как при залитии на хостинг и просмотре с телефона (iOS) они остаются такими же не правильными.

65db8bf90df1d179864041.png
65db8c014b3b9091822379.png
65db8c05a929d428578435.png

<div class="header__burger">
  <span></span>
</div>


.header__burger {
  position: relative;
  width: 30px;
  height: 30px;
}

.header__burger span::before {
  content: "";
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 10px;
}

.header__burger span::after {
  content: "";
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: -10px;
}

.header__burger span {
  width: 30px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 50%;
}
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ответы на вопрос 1
IvanU7n
@IvanU7n
ищите просачивающиеся стили, т.к. приведённый код в изоляции работает как положено
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы