gpt4 book ai didi

javascript - 使用 % 从 px 转换的 CSS 转换不起作用

转载 作者:行者123 更新时间:2023-11-28 06:13:25 26 4
gpt4 key购买 nike

我有这段代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div style="width:50%;height:30%;background:#65C6BB;position:absolute;transform: translate(20px,0px);">
</div>

</body>
</html>

我想将 CSS 属性“transform”转换为百分比。

我使用规则:(100/window.innerWidth) *pixels

只是这样做我的窗口宽度为 1920 的结果是 1.0416666666666667

如果我在属性 CSS 转换中将其替换为转换:翻译(1.0416666666666667%,0px);

div 不会停留在同一个位置。我试过使用 window.document.body.offsetWidth 但也不起作用。

PS:宽度和高度有效。

对不起我的英语。

最佳答案

Transform using % 根据元素的大小而不是其父元素的大小移动元素。公式应为 (100/element.offsetWidth) * pixels

关于javascript - 使用 % 从 px 转换的 CSS 转换不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36021726/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com