gpt4 book ai didi

html - 如何使用 jquery mobile 以百分比设置 2 行高度?

转载 作者:行者123 更新时间:2023-11-28 05:54:15 26 4
gpt4 key购买 nike

我想使用 jquery mobile 在一个页面中定义 2 行,并且我想按百分比进行。

<div data-role="content">
<div id="divParteSuperior" style="height:300px;">
</div>
<div id="divParteInferior">
</div>
</div>

当我使用高度时它起作用,但我需要使用百分比,如果我将高度设置为 60%,它不起作用。我搜索了这是否可以使用 jquery 移动网格来完成,但它只讨论列。我想使用页面的整个高度。

我正在尝试做这样的事情:

What i want to do like

你能帮帮我吗?

最佳答案

$("#divParteSuperior, #divParteInferior").height($(window).height()/2 + "px")

这就是 jQ 的答案。你可能想把它放在 $(window).resize();

CSS 答案是:

1) 使内容从 <body> 继承 100% 的高度和 <html>这样你就可以制作 % 高度的 div

2) 使用 vh 而不是 %(在没有 polyfill 的情况下在移动设备上不太受支持)

3) 使用显示表或 flexbox

关于html - 如何使用 jquery mobile 以百分比设置 2 行高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37144975/

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