html - 如何使高度与宽度成反比?

原文 标签 html css

我使用的是其中包含文本的div,因此我想使它变小,以便当窗口的宽度变小时,高度变大,以便它仍然可以包含div。有什么办法吗?

最佳答案

我想我明白你的意思。尝试这个-



.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  *zoom: 1;
}

<div class="clearfix">
  <p>Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Nulla porttitor accumsan tincidunt. Cras ultricies ligula sed magna dictum porta. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. 
  </p>
</div>

关于html - 如何使高度与宽度成反比?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28376985/

相关文章:

html - Bootstrap 导航栏搜索栏

html - 使用CSS创建 Angular 形状

javascript - 当列表中的元素数超过屏幕高度时,列表元素不会从第一个开始显示

javascript - 单击时交叉淡入淡出图像过渡

html - 如何更改 div 中所有超链接的颜色(通过内联样式)?

javascript - Rails Assets 管道

html - 固定位置的布局问题

javascript - 仅显示阵列中的一项

css - 动画中的剪辑路径和 SVG 矩形

html - <a href=“window.open(…)”>不起作用