这很有效:
$(document).ready(function() {
var previewwidth = ($(window).width() - ( $('.aside').width() + $('.results').width() + 110) ) ;
$(".result-preview").width(previewwidth);
$("footer").text(previewwidth);
});
$(window).resize(function() {
var previewwidth = ($(window).width() - ( $('.aside').width() + $('.results').width() + 110) ) ;
$(".result-preview").width(previewwidth);
$("footer").text(previewwidth);
});
但我不确定如何设置最小和最大宽度,因此最小宽度为338px,最大宽度为500px。
谢谢!
答案 0 :(得分:22)
$(".result-preview").css({
"min-width": "338px",
"max-width": "500px"
});
答案 1 :(得分:7)
在@ user1113426的基础上,由于jQuery处理名称的方式,你可能需要使用驼峰套管而不是连字符。
$(".result-preview").css({
minWidth: "338px",
maxWidth: "500px"
});