S
S
Svyatoslav Khusamov2016-12-19 00:30:47
css
Svyatoslav Khusamov, 2016-12-19 00:30:47

Where did 0.01 pixels go? And how did it happen that the pixels became fractional?

My icons are slightly cropped (it's 16 pixels high). I tried to find out and found that the container where the icons are inserted as a background is 15.99 pixels high:
103ef73155e148d99cab473c61108d7c.PNG
Where did 0.01 pixels go?
How do I make the container exactly 16 pixels high?
Here is the CSS style of the container (I think that there is nothing like this in it):

.x-tool-tool-el {
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin: 0;
    color: #fff;
    text-align: center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}

Answer the question

In order to leave comments, you need to log in

3 answer(s)
L
lnked, 2016-12-19
@khusamov

Try pressing ctrl (cmd) + 0

V
Vladimir Druzhaev, 2016-12-19
@OtshelnikFm

I noticed that Chrome likes to split into hundredths and thousandths. I didn't notice this in Mozilla. Well, actually scored on a similar problem - no one noticed. Still, a pixel is perfect, not half a pixel perfect))
in css, fractional parts of a pixel, paradoxically - but there are https://habrahabr.ru/post/252395/

A
amorphine, 2016-12-19
@amorphine

Blink is having fun. With such resolutions, we will soon start typesetting in kilopixels

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question