为div元素应用max-width属性

Question

有没有办法在除图像以外的元素上使用 max-width ？或者任何类似的属性，帮助文本动态调整自己的大小到浏览器窗口？

Answer 1

显示类型块的所有元素根据其父元素自动获取宽度。但是，为了在增加或减小窗口宽度时更改文本大小，您必须应用媒体查询。见下面的代码。

.x{
  font-size:14px;
}

@media screen and (max-width:991px){
  .x{
    font-size:13px;
  }
}

@media screen and (max-width:768px){
  .x{
    font-size:12px;
  }
}

@media screen and (max-width:440px){
  .x{
    font-size:11px;
  }
}

此处x是一些您需要调整其字体大小的任意元素。

Answer 2

每个块元素都支持 max-width 。对于动态字体，相对于当前视口大小css3的大小调整具有vw，vh和vmin。

您可以参考css-tricks，sitepoint。

我希望这对你有所帮助。

Answer 3

请参考小提琴。

DEMO

<div></div>占据整个宽度。

或

您可以为max-width

提供div