2 qq 30050101 qq_30050101 于 2016.04.04 08:44 提问

bootstrap如何实现高度随屏幕大小动态变化

使用bootstrap把页面中的一个div设置成了自适应的(

 <div class="col-** col-**...">

)。然后想让这个div模块的高度随宽度按比例变化,达到“height=width*x”的效果,应该怎么实现呢?

2个回答

u010381613
u010381613   2016.04.04 10:53

给这个div加个onchange的eventlistener咯?

showbo
showbo   Ds   Rxr 2016.04.04 12:36
 window.onresize=function(){
//等比设置你的div高度
}
qq_30050101
qq_30050101 这个等比设置div高度的函数怎么写啊。尝试着将具有某个id的div的height属性赋值,但是不知道为什么没效果。fuction(){ document.getElememtById("id").height=wdith*X; }这样有什么问题么
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
实现div的大小随着内容进行动态改变
div的动态改变有两种方式:1.使用百分比的形式来实现div的动态改变的实现代码: #id{ width: 30%; height: 40%; } /* 这样一来,该div的宽度和高度将始终分别对应于浏览器的宽度的30%和40% */2.指定最小值来让浏览器自动实现div动态改变的实现代码: #id{ min-width: 100px; min-height: 200px; } /*
动态获取div的高度 随着窗口变化而变化 window.resize
autodivheight(); function autodivheight(){ //函数:获取尺寸 //获取浏览器窗口高度 var winHeight=0; if (window.innerHeight){ winHeight = window.innerHeight; } else if ((document.body) && (document.body.clientH
div高度随窗口变化而变化
一个CSSDiv布局的实例,让DIV的高度随浏览器窗口的变化而变化,窗口变大,Div的高度会变大,窗口变小则Div变小,貌似智能化。
页面内容跟随屏幕分辨率,不随窗口缩放而变化
思路: 1,获取当前屏幕分辨率的宽度,高度一般情况下不用考虑,将当前页面body的宽度设为获取到的屏幕分辨率的高度。 代码: var maxWidth=window.screen.width; var maxHeight=window.screen.height; $("body").css({"width":maxWidth}); 2,根据1的步骤,如果你的页面排版的时候没有设置
BoorStrap 栅格系统(屏幕布局适配,根据屏幕大小分配成不同比例)
demo.html:&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;zh-CN&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&amp;gt; &a
bootstrap的屏幕尺寸设置,响应式工具;导航条;排版 对其:控制元素位置
屏幕尺寸: Large :lg  大屏幕  一般pc尺寸 Medium: md 中等屏幕  小pc尺寸 Small: sm 小屏幕 ipad尺寸 X small:xs 超小屏幕 智能手机尺寸 如果没有屏幕设置的,默认一个占一行 如果屏幕比设置的屏幕大,那么就沿用小屏幕的设置 响应式工具: .Visible-可见的屏幕尺寸-*   只有设置的屏幕尺寸可见 (单个可见) .hi
jQuery 插件:随窗口大小变化的自适应高度元素
严格说,这个不算是插件,做回标题党。 /* 将具有 autoheight 属性的 div 元素设置为自动高度 用法:给需要的 div 元素添加 autoheight 属性,如: ... 可以修改选择符,如写为 ".autoheight" 或是其
Bootstrap改变控件的高度和宽度问题
通过 .input-lg 类似的类可以为控件设置高度,通过 .col-lg-* 类似的类可以为控件设置宽度。
echarts大小在父窗体变化时动态调节的实现
//echart自适应$(function(){ $(&quot;.chart_dom&quot;).each(function(){ var this_id = this.id; $(this).resize(function(){ var myChart = echarts.getInstanceByDom(document.getElementById(this_id)); myChart.resi...
要让一个div的高度根据屏幕大小变化,但不是铺满整屏,只占一个固定部分
要让一个div的高度根据屏幕大小变化,但不是铺满整屏,只占一个固定部分