Можно ли установить идеально закругленный размер элементов? ⇐ CSS
-
Anonymous
Можно ли установить идеально закругленный размер элементов?
Я пробовал вручную установить размер элемента, т.е. 1000 пикселей или 1015 пикселей и т. д. 1000 пикселей — это ровно 1000 пикселей в инструментах разработки, но 1015 или что-то подобное никогда не бывает одинаковым, всегда выглядит как 1014,98999. Пробовал задавать размеры элементов с округлением в jS, ситуация та же. Размеры элементов по-прежнему указаны с цифрами после " , ". Округленные числа были идеальными без цифр после " , ".
Итак, мой вопрос. Возможно ли вообще иметь точно округленный размер элемента, не устанавливая его вручную на 1000, 500, 200 пикселей?
const Board = document.getElementById('Game_board') const BodySize = [document.querySelector('body').getBoundingClientRect().width, document.querySelector('body').getBoundingClientRect().height] const roundedBodySize = [Math.round(BodySize[0]), Math.round(BodySize[1])] const BoardSize = [Math.round(roundedBodySize[0] * 0,75), Math.round(roundedBodySize[1] * 0,75)] Board.style.width = (Math.round(BoardSize[0])) + 'px' Board.style.height = BoardSize[1] + 'px' Board.style.position = 'абсолютный' Board.style.top = 12,5 + '%' Board.style.left = 12,5 + '%' тело, голова { ширина: 100vw; высота: 100вх; цвет фона: черный; маржа: 0; заполнение: 0; } #Игровая доска { цвет фона: темно-серый; Джемпер на платформе
Я пробовал вручную установить размер элемента, т.е. 1000 пикселей или 1015 пикселей и т. д. 1000 пикселей — это ровно 1000 пикселей в инструментах разработки, но 1015 или что-то подобное никогда не бывает одинаковым, всегда выглядит как 1014,98999. Пробовал задавать размеры элементов с округлением в jS, ситуация та же. Размеры элементов по-прежнему указаны с цифрами после " , ". Округленные числа были идеальными без цифр после " , ".
Итак, мой вопрос. Возможно ли вообще иметь точно округленный размер элемента, не устанавливая его вручную на 1000, 500, 200 пикселей?
const Board = document.getElementById('Game_board') const BodySize = [document.querySelector('body').getBoundingClientRect().width, document.querySelector('body').getBoundingClientRect().height] const roundedBodySize = [Math.round(BodySize[0]), Math.round(BodySize[1])] const BoardSize = [Math.round(roundedBodySize[0] * 0,75), Math.round(roundedBodySize[1] * 0,75)] Board.style.width = (Math.round(BoardSize[0])) + 'px' Board.style.height = BoardSize[1] + 'px' Board.style.position = 'абсолютный' Board.style.top = 12,5 + '%' Board.style.left = 12,5 + '%' тело, голова { ширина: 100vw; высота: 100вх; цвет фона: черный; маржа: 0; заполнение: 0; } #Игровая доска { цвет фона: темно-серый; Джемпер на платформе
Мобильная версия