T
T
tarya2015-10-20 01:32:01
css
tarya, 2015-10-20 01:32:01

Why layout error in Chrome under Windows?

Good afternoon.
Under Windows in Chrome, an unpleasant glitch was found - the first letter in the list sags. 4de9180c1c404ce2b42d7d2c5463fb83.jpg
In other browsers and in Chrome on the poppy is not noticed. What is interesting is that when hovering, it sort of aligns, although judging by the code, the color only changes there.
What could be causing this behavior?
The styles that render this list.

#listwrapper{
  position: absolute;
  top: 230px;
  left: 30px;
  width: 110px;
}

#listwrapper ul{
  display: block;
}

#listwrapper ul li{
  list-style: none;
  line-height: 1.7em;
}

#listwrapper ul li a{
  	display: block;
    font-family: "bebasneue regular";
    font-size: 1.3em;
  	text-decoration: none;
  	color: #004842;
  	padding: 5px 0 2px 0;
}

#listwrapper ul li a:hover,
#listwrapper ul li a.active{
    color: #fff;
}

Thanks for the hints. For some reason I think that this is all because of the font. Although on another page, a pop-up layer with the same list and font is displayed normally.
I just noticed that the screenshot was taken under the retina, I asked where it was taken - they said that it was on a poppy in Chrome, and on Windows in Chrome as well. But everything is fine on my Mac in Chrome.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
I
Ivan, 2015-10-20
@LiguidCool

Just try other fonts. For starters, standard.

D
Dmitry Khristoev, 2015-10-20
@Haoss

font rendering glitch, it happens very often, not with one browser, but with another

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question