Считайте это соглашением о государственном обслуживании: в Интернете есть ошибка. Это тонкая ошибка, но до сих пор каждый браузер, который я проверял, имеет некоторое изменение этой ошибки.
Так что это за ошибка? Будет ли это съесть мой сайт? Это несет болезнь? Это вирус?! Будут ли зомби?
ОК, успокойся. Позвольте мне ответить на них в обратном порядке (потому что так веселее).
В результате этой ошибки не будет зомби. Обещаю. Мы почти уверены в этом.
Это не вирус. В Интернете много вирусов, но это не один из них.
Это не кажется способным нести болезнь.
Как правило, он не будет съесть ваш сайт, хотя, вероятно, он живет там, не зная об этом. Как правило, это не проблема, хотя, если ваш веб -сайт разрабатывает нечетные линии, места, размытое зрение, бреды величия, уродливые макеты, плохой дизайн в целом или начинает действовать странно, мы предлагаем вам проконсультироваться с профессионалом. Кроме того, если ваш веб -сайт начинает разговаривать с вами, пожалуйста, обратитесь за надлежащим медицинским или профессиональным вниманием.
Ошибка встроена так, как различные браузеры имеют дело с математикой, и в конкретной высоте. Для примера загляните на эту ссылку в столько браузерах, сколько вы можете получить в свои руки: http://jsfiddle.net/95cqm/1/
Значение линии изменяется на основе того, указано ли оно просто как отношение или использование единицы измерения EM, что является соотношением. Все браузеры, кроме Firefox, демонстрируют эту часть ошибки, возвращая различные значения для двух, которые теоретически эквивалентны.
Вторым аспектом ошибки является то, что действительно не должно быть способа указать дробные пиксели. Концепция дробных пикселей на самом деле не существует. Размер пикселя – это целое число, не допускается децимальные, потому что компьютер не знает, как нарисовать половину пикселя. По крайней мере, насколько я знаю …
Реально это скорее интересное открытие и меньше проблемы. Если вы не делаете какого-то расчета на основе высоты линии в JavaScript, вы не увидите какого-либо странного поведения в результате этого. Если вы … ну, вам нужно будет учесть эту странность в своих расчетах. Добро пожаловать в Интернет!
Оригинал: “https://dev.to/designfrontier/line-height-lineheight-line-height-k0c”