Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何根据浏览器大小使用固定位置重新调整div的大小_Css_Twitter Bootstrap - Fatal编程技术网

Css 如何根据浏览器大小使用固定位置重新调整div的大小

Css 如何根据浏览器大小使用固定位置重新调整div的大小,css,twitter-bootstrap,Css,Twitter Bootstrap,我正在使用小型引导应用程序。 这里有两个并排的div。第一个div是bootstrap表,第二个是image 我的疑问是,如果我重新调整浏览器的大小,我如何才能使他们的位置固定,但重新大小 这是我的示例代码 你必须更详细一些。但我想我知道你想做什么 您必须在浏览器上使用jquery resize事件。基本上是一个每次更改浏览器大小时都会调用的函数 $window.resizefunction{/*已调整浏览器大小。要填充*/} 然后在该函数中,您可以获取浏览器的当前宽度或高度。并使用它来调整或重

我正在使用小型引导应用程序。 这里有两个并排的div。第一个div是bootstrap表,第二个是image

我的疑问是,如果我重新调整浏览器的大小,我如何才能使他们的位置固定,但重新大小

这是我的示例代码


你必须更详细一些。但我想我知道你想做什么

您必须在浏览器上使用jquery resize事件。基本上是一个每次更改浏览器大小时都会调用的函数

$window.resizefunction{/*已调整浏览器大小。要填充*/}

然后在该函数中,您可以获取浏览器的当前宽度或高度。并使用它来调整或重新定位您的div

下面是一个将两个不同的div并排放在一个页面上的示例。你可以用CSS轻松做到这一点,但这只是给你一个想法

$window.resizefunction{ //获取浏览器的宽度和高度 var browserWidth=$window.width; var browserHeight=$window.height; //例如,一些计算 var divWidth=浏览器宽度/2; //更改Div的宽度 $div1.csswidth,divWidth+px; $div2.csswidth,divWidth+px; //重新定位分区2 $div2.cssleft,50%;
};不清楚您在问什么,并且您的示例不包括引导。