css - 在 CSS 中，如何使彩色背景至少为页面宽度的 50%，最多为 90%，并尽可能宽？

Question

在 CSS 中，如何使彩色背景至少为页面宽度的 50%，最多为 90%，并尽可能宽？

<pre><code> .....................
adsfdasgsfdgsfdgfsdgdsfg
adgsfdgfsdgsfd
</code></pre>

Answer 1

您可能想尝试max-width和min-width。

因此，您可以将 min-width 设置为 50%，将 max-width 设置为 90%。

这样，您的元素将始终介于 50% 到 90% 之间。

Answer 2

HTML

<pre class="somebackground"><code>...</code></pre>

CSS

<style type="text/css">
.somebackground {
 background:red;
 display:inline-block; /* Changes block elements to only be 50% */
 min-width:50%;
 max-width:90%;
}
</style>

请参阅jsFiddle 演示。