javascript - 改变元素的宽度？

Question

所以我想在页面变大时更改元素的宽度。但是，如果页面宽度加倍，我不希望元素的宽度增加一倍。我希望元素随着 yield 递减而增加。有人知道怎么做吗？

Answer 1

你可以用 jQuery 来实现，基本上你会检查你的页面的大小，然后你应该设置你的元素的宽度，例如如果您使用的是 jQuery，则可以使用 jQuery 方法获取窗口或文档的大小:

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document (same as pageHeight in screenshot)
$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document (same as pageWidth in screenshot)
For screen size you can use the screen object in the following way:

screen.height;
screen.width;

您可以使用多种方法，下面是一个示例，您可以如何根据页面大小设置元素的值:

var width = $(window).width(); 
$("#myElement").width(width) - 100;

我在那里放了一个 100 作为可变数字，你可以根据需要更改它。我的意思是，您可以随心所欲地输入一个数字，以获得您想要的元素宽度。

希望对你有帮助