我试过手动设置元素大小为ie。1000px或1015px等1000px在开发工具上是1000px，但是1015或类似的东西从来都不完全相同，总是看起来像1014，98999。尝试在jS中使用舍入设置元素大小，但情况相同。元素的大小仍然是在“，“之后加上数字。四舍五入的数字是完美的，没有任何数字后，“，“。
所以我的问题是。有没有可能在不手动设置为1000，500，200px的情况下精确地四舍五入元素大小？
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 = 'absolute'
Board.style.top = 12.5 + '%'
Board.style.left = 12.5 + '%'body,
head {
width: 100vw;
height: 100vh;
background-color: black;
margin: 0;
padding: 0;
}
#Game_board {
background-color: darkgrey;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Platform Jumper</title>
<link rel='stylesheet' href='styles.css'>
<script defer src='script.js'></script>
</head>
<body>
<div id="Game_board"></div>
</body>
</html>
1条答案
按热度按时间0sgqnhkj1#
这个很好用。有什么问题吗？
