qq_30050101 于 2016.04.04 08:44 提问
- bootstrap如何实现高度随屏幕大小动态变化
-
使用bootstrap把页面中的一个div设置成了自适应的（
<div class="col-** col-**...">）。然后想让这个div模块的高度随宽度按比例变化，达到“height=width*x”的效果，应该怎么实现呢？
-
- u010381613 2016.04.04 10:53
给这个div加个onchange的eventlistener咯？
-
-
showbo
2016.04.04 12:36
window.onresize=function(){
//等比设置你的div高度
}
-
- qq_30050101 这个等比设置div高度的函数怎么写啊。尝试着将具有某个id的div的height属性赋值，但是不知道为什么没效果。fuction(){ document.getElememtById("id").height=wdith*X; }这样有什么问题么
- 2 年多之前 回复
准确详细的回答，更有利于被提问者采纳，从而获得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：&lt;!DOCTYPE html&gt; &lt;html lang="zh-CN"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&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(){ $(".chart_dom").each(function(){ var this_id = this.id; $(this).resize(function(){ var myChart = echarts.getInstanceByDom(document.getElementById(this_id)); myChart.resi...
- 要让一个div的高度根据屏幕大小变化，但不是铺满整屏，只占一个固定部分
- 要让一个div的高度根据屏幕大小变化，但不是铺满整屏，只占一个固定部分