因为希望这个div可以随着窗口的大小改变自动适应大小所以想用百分比的形式,就是不知道高度是宽度的一半要怎么实现了
思路:
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");给你一个思路,好久没写js了
那我用js定义一个div width = 100%怎么实现啊,比如屏幕宽度1920,如果我直接定义width = 1920的话,那窗口变小了,width是不会跟着改变的吧,定义百分比就可以啊,那js中怎么写呢?
追答可以这样设置指定id的css样式
document.getElementById('xxx').style.width="100%";
你确定?我这里没反应,连里面内容都不显示了
追答你的div父级设置宽度了么
追问没有父及,就一个div,一张图片,想窗口变小图片变小,如果只有一个图片就可行,加进div就不知道怎么弄了,研究了半天了
追答百分比宽度是继承的父级宽的比例
最外层的div父级是body
设置body的宽度为100% 或者一个固定值
这样的话,宽度定义是百分比,高度是像素,窗口大小以改变岂不是宽度跟着变了,高度卡死在那儿了啊?
追答js取到的高度是px为单位的
追问那我用js定义一个div width = 100%怎么实现啊,比如屏幕宽度1920,如果我直接定义width = 1920的话,那窗口变小了,width是不会跟着改变的吧,定义百分比就可以啊,那js中怎么写呢?
追答html:
jq:
$(function(){
var width = $("#div").width();
$("#div").css("height",width/2);
})