想在html页面中插入一个div，宽度就是100%的屏幕大小，高度是宽度的一半，要怎么实现啊？ 80
因为希望这个div可以随着窗口的大小改变自动适应大小所以想用百分比的形式，就是不知道高度是宽度的一半要怎么实现了...
因为希望这个div可以随着窗口的大小改变自动适应大小所以想用百分比的形式，就是不知道高度是宽度的一半要怎么实现了
展开
4个回答
展开全部
<!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>
<!--viewport：可视窗口，也就是浏览器。,vw Viewport宽度， 1vw 等于viewport宽度的1%,vh Viewport高度， 1vh 等于viewport高的的1%(深圳网站建设www.sz886.com)-->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
思路：
1、先设置宽度为100%
2、js获取div宽度
3、js设置高度为宽度的50%
4、js控制窗口缩放自适应
HTML代码：
<div id="mydiv"></div>
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了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
http://zhidao.baidu.com/question/1768030049888512220
类似的问题 你看看 不明白的再问
类似的问题 你看看 不明白的再问
更多追问追答
追问
那我用js定义一个div width = 100%怎么实现啊，比如屏幕宽度1920，如果我直接定义width = 1920的话，那窗口变小了，width是不会跟着改变的吧，定义百分比就可以啊，那js中怎么写呢？
追答
可以这样设置指定id的css样式
document.getElementById('xxx').style.width="100%";
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
js取一下宽度除2再赋给height
更多追问追答
追问
这样的话，宽度定义是百分比，高度是像素，窗口大小以改变岂不是宽度跟着变了，高度卡死在那儿了啊？
追答
js取到的高度是px为单位的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
