将DIV宽度和高度设置为100%,不要调整其大小

时间:2015-12-16 19:37:36

标签: css css3

我使用100%的宽度和高度,因此我的网站可以正确适合浏览器窗口 问题是,当我调整窗口大小时,网站内容也会调整大小。
我不希望网站内容调整大小,而是希望它保持大小并添加滚动条。

我试过这个:

html,body{
   width:100%;
   min-width:100%;
}

html,body{
   min-width:100%;
}

根本没有成功,我是否必须使用javascript?

1 个答案:

答案 0 :(得分:1)

http://jsbin.com/retovi/edit?html,css,js,output

使用Javascript(jQuery)将当前元素的100%大小转换为px大小

// So the element is currently at 100% 100%
// CSS is done.
// Now jQuery will trigger...

var $el = $("#element");
$el.css({width: $el.width(), height: $el.height()});