gpt4 book ai didi

移动 Chrome 上的 Javascript div 高度计算

转载 作者:行者123 更新时间:2023-11-28 07:02:37 26 4
gpt4 key购买 nike

我正在尝试计算 jQuery 中 div 的高度,然后在后续样式中使用所述高度。尽管它在桌面浏览器和 iOS Safari 上运行良好,但我无法使其在移动 Chrome(在所有平台上)上运行。

我正在使用这个 jQuery:

$('#to-be-styled').css({
'height' :$('#my-div').height(),
'overflow' : 'hidden'
});

哪里my-div to-be-styled 里面是一个 div .

我已经尝试过$('#my-div').css('height')以及 height()变体(例如 outerHeight(true) )但没有成功。

我应该使用什么函数才能使其在移动 Chrome 上运行?

编辑:

使用的 HTML:

<div id='to-be-styled'>
<div id='my-div'>text content</div>
<div id='something-else'>text content</div>
</div>

my-div没有隐藏,除了字体和大小之外没有任何样式。

我没有在 <head> 中设置视口(viewport)或任何其他响应式标签.

最佳答案

如果你愿意,你可以使用媒体查询,jquery 对于移动浏览器来说不是一个好的解决方案。

@media screen and (max-width: 300px) {
#to-be-styled {
height: 200px;
overflow: hidden;
}
}

关于移动 Chrome 上的 Javascript div 高度计算,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31986645/

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