html - 如何解决放大时网页内容溢出的问题？

Question

左浮动对象与右浮动对象保持重叠。

左浮动的css：

.righthomebar {
  background-color: brown;
  height:920px;
  position:absolute;
  top:60px;
  margin-left: 10px;
  float:left;
  padding-left: 10px;
}

右浮动 div 的 css：

.content-text {
  min-height:550px;
  max-width: 850px;
  border-style:solid;
  position:relative;
  float:right;
  top: 20px;
  padding-top:5px;
  padding-right:5px;
  padding-bottom:5px;
  padding-left:5px;
}

标签： htmlcssresponsive-design

Answer 1

使用这些单位缩放您的元素：

vw - Relative to 1% of the width of the viewport
vh - Relative to 1% of the height of the viewport
vmin - Relative to 1% of viewport's smaller dimension
vmax - Relative to 1% of viewport's larger dimension