最大宽度替代方案

Question

我在不支持max-width的环境（kindlegen）中工作。除非视口缩小，否则我应该具有指定宽度的div，在这种情况下它应该缩小。 max-width是我需要的，但它不受支持。

是否只有HTML / CSS解决方法？任何可以达到同样效果的聪明想法？

（也不支持Javascript。）

.outside {
  width: 14em; /* will change with window (100vw) */
  background: orange;
}

.inside {
  width: 24em; /* max-width will do it */
  background: red;
}

<div class="outside">
  <p>Main container</p>
  <div class="inside">Inside text that should never be wider than its parent.</div>
</div>

Answer 1

您可以做这样的事情，还是我想念什么？

.outside {
  width: 100%; 
  background: orange;
}

.inside {
  width: 80%; 
  background: red;
}

<div class="outside">
  <p>Main container</p>
</div>

<div class="inside">
  <p>Inside text that should never be wider than its parent.</p>
</div>