Javascript 宽度取决于高度

你能给我看完整的html代码吗？它是一个矩形，其中“高度=我屏幕的75%”和“宽度T=高度的4/3”。所以，它应该是3:4，高度取决于我的屏幕高度，但宽度不取决于我的屏幕宽度。只有屏幕高度

我以为我理解普雷维乌斯的时间，但事实并非如此

我有这个：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="colorbox/jquery.colorbox.js"></script>
<script type="text/javascript">
    $(document).ready(function(){ 
        $(".example7").colorbox({width:"80%", height:"80%", iframe:true});
    });
</script> 

$（文档）.ready（函数（）{
$（“.example7”）.colorbox（{宽度：“80%”，高度：“80%”，iframe:true}）；
});

---

我不知道怎么处理宽度

HTML没有规定这一点。CSS可以，但CSS没有任何直接的内部数学逻辑。所以，您需要做的是使用javascript

当页面加载时，获取对象的宽度，进行计算，然后设置高度

如果您是JS新手，我建议您学习其中一个库，比如jQuery。在jQuery中，它看起来像这样：

$('#myDiv').width($(this).height()*.75);

---

您将需要JavaScript来计算宽度，仅用HTML无法做到这一点

相关属性为

window.innerHeight

；将其乘以（3/4）得到高度，由于（3/4）*（4/3）==1，window.innerHeight（顺便说一下）等于所需的宽度

然后设置元素的

.height

和

.width

属性

---

注意：我假设您希望有一个与浏览器窗口成比例的矩形，而不是与用户屏幕成比例的矩形。如果确实需要屏幕大小，请使用

window.screen.height

而不是

window.innerHeight

；但是要小心：随着宽屏和多显示器配置的增加，浏览器可能会报告非常奇怪的尺寸。

如果您不知何故丢失了问题和答案，您可以在您的个人资料页面中找到它们，您可以通过单击以链接形式出现的任何位置来访问它们，如，例如在顶栏：）我以为我明白了，但事实并非如此（您好！“给我完整的代码”不太可能给您任何有意义的回复，这是一个“给我一个提示”网站，而不是“为我做我的工作”网站。对不起。给我提示，改为写什么“width=”以获得结果？$（document）。ready（function（）{$”。example7”）。colorbox（{width:“80%”，高度：“80%”，iframe:true}；}；@TRAVA：我想说的是

width:screen.height，height:screen.height*0.75

。是的，我知道。你能帮我把完成的脚本发布出来吗？@TRAVA：你好像在问：“我有所有的片段和说明，你能帮我把它们放在一起吗？”不太可能有人会这样做；你能自己尝试一下并报告你遇到的具体问题吗？我有这样一个：@Trava，看看我写的东西，并将它与你拥有的东西进行比较。$（document）.ready（function（）{$（.example7”）.colorbox（{width:“80%”，height:“80%”，iframe:true}）；}）；我放的是“width=window.innerHeight”而且它不起作用。@特拉瓦：你应该传递一个对象-使用{width:window.innerHeight，height:window.innerHeight*0.75}可能会起作用。看起来你使用的是

=

而不是

：

。