Существует ли правило, указывающее браузерам, что считать все величины надо без дробной части?

Question

[weranda]

Приветствую
Существует ли вообще хоть какие-нибудь правила ситлей, с помощью которых можно было бы указать браузерам, чтобы они по умолчанию высчитывали размерности нужных элементов строго без дробной части без указания в стилях фиксированной ширины в процентах или пикселях?

Пример с Тостера в chrome:


На скриншоте видна ширина элемента – 38.8438px, а надо округлять до целого числа.

Comments

[Lynn «Кофеман»]

Зачем?

Это внутреннее дело браузера. Если вы получите размер этого элемента в JS, там будут целые числа.

> document.querySelector('body > div.tmservices-panel > ul > li:nth-child(5) > a').offsetWidth
< 39

[weranda]

В том то и дело. Получаю через jQuery ширину нужного блока и полученную ширину, применяю к другому блоку, но получаемая ширина без дробной части, а ширина высчитываемого блока с бробной частью и слегка едет верстка.

Answer 1

[Иван Антонов]

Используй JS.

Пример с Тостера

Ширина определилась на основе внутреннего содержимого (текста).
Следовательно нужных величин можно добиться настройкой шрифта.

Comments

[Иван Антонов]

Кстати, я не наблюдаю на тостере указанных вами велечин

[weranda]

Иван Антонов на скриншоте

[Иван Антонов]

weranda:
JS (jQuery):

$('.menu > *').each(function() {
     var $this = $(this);
     $this.css('width', parseInt($this.width()));
});

[weranda]

Иван Антонов: Можете помочь поправить этот скрипт? не силен в JS

<script>
;(function (){
    $(document).ready(function (){

$('.top-menu .clearfix').children('li').filter(function (index) {
            return index !== 4 && index !== 5;
        }).each(function (index) {
            var width = $(this).width() - 2;
            $(this).find('.m-dropdown .m-primary').children('li').width(width);
        });

    });
})();
</script>

[Иван Антонов]

weranda: а Вы не можете элементам, которым нужно округлить ширину, установить класс, а потом маленьким js округлить?

$('.width-round').each(function() {
     $(this).css('width', parseInt($(this).width()));
});

Answer 2

[Артем Спиридонов]

parseInt()

Comments

[weranda]

Можно пример?

[Артем Спиридонов]

jQuery

$('.some_topic').css('width', parseInt($('.some_parent').width() / 16);

Answer 3

[Денис]

Столкнулся с подобным поведением в chrome. Браузер накапливает сотые части width блоков с текстом и со временем ломает фон (картинками) некоторых элементов, идущих в очереди.

css решение:
display: inline-table;