想在html页面中插入一个div，宽度就是100%的屏幕大小，高度是宽度的一半，要怎么实现啊？

因为希望这个div可以随着窗口的大小改变自动适应大小所以想用百分比的形式，就是不知道高度是宽度的一半要怎么实现了

推荐答案 2017-07-07

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div最分最</title>
<style type="text/css">
*{ padding:0; margin:0;}
.content{ width:100; height:50vw; background:#063;}
</style>

</head>

<body>
        <div class="content"></div>
    


</body>
</html>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://11.wendadaohang.com/zd/F4q8444v88772q8qPvq.html

其他回答

第1个回答 2017-06-22

思路：

1、先设置宽度为100%

2、js获取div宽度

3、js设置高度为宽度的50%

4、js控制窗口缩放自适应

HTML代码：

CSS代码：

#mydiv{width:100%}

JS代码：

var myDiv= document.getElementById("mydiv");
myDiv.style.height = myDiv.style.width/2;
window.onresize="myDiv.style.height = myDiv.style.width/2;";

给你一个思路，好久没写js了

第2个回答 2015-04-24

http://zhidao.baidu.com/question/1768030049888512220
类似的问题你看看不明白的再问追问

那我用js定义一个div width = 100%怎么实现啊，比如屏幕宽度1920，如果我直接定义width = 1920的话，那窗口变小了，width是不会跟着改变的吧，定义百分比就可以啊，那js中怎么写呢？

追答

可以这样设置指定id的css样式
document.getElementById('xxx').style.width="100%";

追问

你确定？我这里没反应，连里面内容都不显示了

追答

你的div父级设置宽度了么

追问

没有父及，就一个div，一张图片，想窗口变小图片变小，如果只有一个图片就可行，加进div就不知道怎么弄了，研究了半天了

追答

百分比宽度是继承的父级宽的比例

最外层的div父级是body
设置body的宽度为100% 或者一个固定值

本回答被网友采纳

第3个回答 2015-04-24

js取一下宽度除2再赋给height追问

这样的话，宽度定义是百分比，高度是像素，窗口大小以改变岂不是宽度跟着变了，高度卡死在那儿了啊？

追答

js取到的高度是px为单位的

追问

追答

html：

jq：
$(function(){
var width = $("#div").width();
$("#div").css("height",width/2);
})

相似回答

刚建立了一个HTML文档,怎么设定DIV的固定大小?答：你可以用CSS来设定，DIV为块级元素。例如：<!doctype html><html><head><meta charset="utf-8' /><title>设置DIV的固定大小</title><style type="text/css"> #div {width:100px;height:60px;border:1px solid #f00;...

大家正在搜