gpt4 book ai didi

javascript - 流体网格中的动态高度 css

转载 作者:太空宇宙 更新时间:2023-11-03 18:43:12 25 4
gpt4 key购买 nike

我正在尝试根据宽度动态更改高度,但它没有响应。我有来自这个网站的 javascript:

我的代码是:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
#OB{
background:#C60;
width:50%;
overflow: hidden;
}
</style>
</head>
<body>
<div id="OB">OrangeBlock</div>

<script language="javascript" type="text/javascript">
script.src = 'http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js';

var cw = $('#OB').width();
$('#OB').css({
'height': cw + '%'});
</script>
</body>
</html>

最佳答案

你没有调用调整大小的函数

$(window).resize(function() {
var cw = $('#OB').width();
$('#OB').css({
'height': cw + '%'});
});

除此之外你还需要将其称为onload,总代码为

$(function() {

var cw = $('#OB').width();
$('#OB').css({
'height': cw + '%'});

$(window).resize(function() {
var cw = $('#OB').width();
$('#OB').css({
'height': cw + '%'});
});
});

关于javascript - 流体网格中的动态高度 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17069394/

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