Css 最大宽度上限为75%

我花了20分钟才找到这个，所以我问了又回答了我的问题

那么，假设我有一个div：

<div id="foo"> Lorem ipsum dolor sit amet consecuter Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div>

我也不确定这一栏里有多少内容，可能是一句话，也可能是一整篇科学文章

所以，如果div中没有太多内容，我希望它能像需要的那样宽。但是，如果div中有很多东西，我希望它是，比如宽度：75%

也就是说，如果它位于浏览器窗口的75%范围内，则为一行。如果不合适，则线的缠绕率为75%

我该怎么做呢？

简单点

福{ 宽度：最大含量； 最大宽度：75%； } 因此，如果内容在您broswer窗口的75%范围内，它将在一行上。如果不合身，它将以75%的价格包线

如果您的浏览器还不支持，它将锁定在75%，这很好

一个过度复杂的JSFIDLE示例doohickey：

var数据； 无功延迟=150； 异步函数thingy{ $controls.hide； $magic.text； var i； 对于i=0；isetTimeoutresolve，毫秒； } 魔力{ 边框：实心1px黑色； 填充：10px； 保证金：自动； 宽度：最大含量； 最大宽度：75%； } 控制{ 显示：无； 边框：纯色1px蓝色； 宽度：50% } 资料{ 显示：无； } 再一次 延迟：150毫秒 ++ + | - -

---

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除了偶尔出于谨慎，还必须为自己的行为负责，这是为什么呢？您可以通过display:inline块实现同样的效果，而不会有任何问题？嘘，这种方式更酷。无论如何，在不支持它的浏览器上，它只会锁定在75%，这很好。