Question

我有一个包含大量段落的页面，在大屏幕上看起来太过分了。所以我设置宽度：600px到p。这让它看起来很不错。

唯一的问题是，在小屏幕上，段落仍然是600px。

如果不搞乱媒体查询，可以解决这个问题吗？

总之我希望.p有宽度：600px;在大屏幕上，宽度设置不小于600px。

Answer 1

在这种情况下你可以使用jQuery。

while(!s.empty()){
    // We know we have one element available; store it in "top"
    Integer top = s.pop();
    // If the next element is not available, exit 
    if (s.empty()) {
        break;
    }
    if(top < s.peek()){
        // Once result is set to "false", it never becomes "true"
        // so we might as well return now:
        return false;
    }
}
return true;

您可以根据需要更改数字。

编辑：如上面的评论所述，您可以在不使用Bootstrap框架的情况下使用媒体查询。

Answer 2

设置媒体查询并不比使用jQuery更加努力，正如@Sandip Subedi所描述的那样。这是一个偏好的问题。

在你的CSS中你只需要：

float

当屏幕宽度超过600px时，将p设置为固定的600px，然后媒体查询使p在任何较小的范围内都是100％宽。

Answer 3

您可以使用下面的max-width代码段：

＆＃13;

div {
    width:100%;
    max-width:400px;
  }

＆＃13;

<div>I have a page with a bunch of paragraphs, which look too stretched out on large screens. So I set width: 600px to p. Which made it look nice.</div>

＆＃13;

如何在不使用媒体查询的情况下更改元素的宽度？

3 个答案: