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

Question

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

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

Answer 1

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 Demo .