Line height 1.33333 on btn-lg bootstrap, why?

The bootstrap class .btnhas the following styles:

display: inline-block;
padding: 6px 12px;
margin-bottom: 0px;
font-size: 14px;
font-weight: normal;
line-height: 1.42857;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-moz-user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;

When I use a btn-lgclass to increase the size of a button, the following styles apply:

.btn-lg, .btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px;
} 

, .btn-lg .btn, padding line-height. , . : . line-height 1.33333. -, . , " ". , . , - , - ? , bootstrap line-height: 1.33333; btn-lg, .

.

+4
1

1.33333 5 # 15497 Bootstrap issue, Win 8.1 Chrome. , 1.33 , 4/3.

, 1.33 : https://github.com/twbs/bootstrap/commit/4ed95f5fa298d861c5fa53ae2a3a0dcb4901bd69


, 1,33 , Win 8.1/Chrome, patrickhlauke:

, 23.94xxx, . - 24px, 23px - ...

+5

Source: https://habr.com/ru/post/1598111/


All Articles