首先要说的是，我不是前端工程师，并且我的UI和UX技能很低。
所以我的问题是：
我有一个带有p标记的div。当浏览器窗口最大化时，我想要它width: 700px。但是，如果我将此属性放在div的CSS中。如果调整窗口大小，文本将不会缩小。所以我想在最大化窗口的同时将其放大到某个点，并在调整窗口大小时缩小它，而不影响侧栏div。
为了更加清楚，我将举一个例子：
最大化浏览器窗口：
最小化浏览器窗口：
的HTML
<!-- HOME -->
<div id="home" class="content">
<h2>Home</h2>
<p>AAAAAAAAAAAAAAAAAAA</p>
<p>BBBBBBBBBBBBBBBBBBBB</p>
</div>
的CSS
.content {
padding-bottom: 30px;
position: absolute;
left: 280px;
right: 40px;
top: 0px;
}
.content h2 {
font-size: 110px;
color: #fff;
color: rgba(255,255,255,0.9);
padding: 10px 0 20px 0;
margin-top: 50px;
}
.content p {
color: black;
font-size: 16px;
line-height: 24px;
display: inline-block;
}
最佳答案
您无需在您的情况下使用“媒体查询”，但是在更复杂的情况下（例如，不同的断点）就是这种情况。
只需使用max-width: 700px就可以了。
正常行为：您的段落永远不会超过700px。
由于段落的宽度非常小，因此它占据了整个宽度，就像任何块元素一样，它仍然小于700px，因此不需要MQ！
看到这个小提琴以使其生效：http://jsfiddle.net/LQbgJ/（我使用200px而不是700px）
兼容性应为IE7 +