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

Question

我有一个包含一堆段落的页面，这些段落在大屏幕上看起来太长了。所以我将 width: 600px 设置为 p.这使它看起来不错。

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

有什么方法可以解决这个问题而不用乱用媒体查询吗？

简而言之，我希望 .p 的宽度为:600px；在大屏幕上并且宽度小于 600 像素时没有宽度设置。

Answer 1

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

if ($(window).width() < 1000) {
   $("p").css("width","400");
}
if ($(window).width() < 1000) {
   $("p").css("width","600");
}

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

编辑:如上面的评论所述，您可以只使用媒体查询而不使用 Bootstrap 框架。