改變元素的寬度？

Question

所以我想在頁面變大時改變元素的寬度。 但是，如果頁面寬度增加一倍，我不會將寬度增加一倍。我希望元素隨着收益遞減而增加。有人知道怎麼做嗎？

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作爲一個可變數字，你可以發言按照你的意願去做。 我的意思是你可以放一個數字，只要你想得到你想要的寬度。我希望這對您有所幫助