css – 如何使传单图高度变量

前端之家收集整理的这篇文章主要介绍了css – 如何使传单图高度变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的应用程序中,我正在制作地图的div
<div id="map" style="height: 610px; width:100%"></div>

但是为了使我的地图响应我想要高度也是100%,如果我做高度:100%那么它不工作。

如何使高度也像宽度一样变化,以便在任何设备上都能正确看到地图。

演示:http://jsfiddle.net/CcYp6/

如果你改变高度&地图的宽度,那么你不会得到地图。

解决方法

您需要将父元素设置为height:100%;第一
html,body {
   height: 100%;
}

Demo

Demo (这不起作用,没有定义父母高度)

说明:为什么需要这样做?所以当你以%表示元素的高度时,出现的第一个问题是:100%的什么?默认情况下,一个div的高度为0px,所以100%的div只是不起作用,但是将父元素的高度设置为100%;将工作。

原文链接:https://www.f2er.com/css/218433.html

猜你在找的CSS相关文章