我正在使用网格布局设计。但我不知道如何调整div宽度与宽度成正比。我需要在响应中调整div高度。让我知道,如果请有任何脚本..我需要脚本来调整与div宽度成正比的div高度
-1
A
回答
1
例如,只需添加resize
事件侦听器,并设置高度元素:
var RATIO = 0.7;
$(window).on("resize", function() {
$("#mydiv").height($("#mydiv").width() * RATIO);
});
+0
好吧,我会检查这个脚本。 – Selvakumar 2015-04-06 12:48:51
+0
谢谢!这个对我有用 – Selvakumar 2015-04-09 11:28:53
相关问题
- 1. 调整div宽度相对于其高度来保持宽高比
- 2. div定位调整高度和宽度
- 3. 调整DIV宽度与JS
- 4. 需要自动调整div宽度,改变宽度
- 5. 当div调整大小时的比例高度到宽度
- 6. div高度调整
- 7. 如何修复div的宽度和高度,并将div内容调整为div的宽度和高度?
- 8. 调整上传宽度并保持高度比例成正比
- 9. 正确的div与可变宽度,左div需要剩余宽度
- 10. DIV的高度和宽度
- 11. 根据div高度调整img高度
- 12. 调整WPF列表视图列的宽度与文本宽度成正比
- 13. 自动调整div高度
- 14. DIV高度不调整
- 15. 自动调整高度div
- 16. jQuery调整文本行的宽度以适应Div宽度
- 17. 正方形div的宽度基于百分比高度
- 18. HTML,调整DIV高度与JavaScript
- 19. 如何使用CSS调整每个高度DIV的宽度
- 20. 调整DIV元素的宽度和高度
- 21. 响应 - 在保持高度的同时调整DIV宽度
- 22. 调整DIV高度可调整大小的iframe高度
- 23. 脚本动画DIV的高度正在改变DIV的高度突然
- 24. 如何检测HTML DIV的宽度和高度,一旦DIV做调整
- 25. 100%高度和宽度Div“绝对位置”吃我的页脚?
- 26. 如何使DIV自动调整宽度和高度?
- 27. div根据页面宽度自动调整高度
- 28. 调整Google图表以填满div宽度和高度
- 29. 使用CSS更改浏览器高度时调整div宽度
- 30. 将子div与动态高度和宽度的父div对齐
通常情况下,%用于响应设计。 'width:80%;'和'height:80%'会随着窗口大小的变化而缩放组件。 – Mohammad 2015-04-06 09:17:24
我知道,不是单个div。我在主页有多个div,我需要在网格视图中显示为响应。所以让我知道是否有任何脚本。我需要根据div宽度调整网格视图中的所有div。 – Selvakumar 2015-04-06 09:36:15