如何使用Jquery/javascript根据查看端口大小调整图像大小_Javascript_Jquery_Css_Twitter Bootstrap_Responsive Design

如何使用Jquery/javascript根据查看端口大小调整图像大小

javascript jquery css twitter-bootstrap responsive-design

如何使用Jquery/javascript根据查看端口大小调整图像大小,javascript,jquery,css,twitter-bootstrap,responsive-design,Javascript,Jquery,Css,Twitter Bootstrap,Responsive Design,一个是大喇叭，另一个是手风琴。第三个是固定页脚。我想让它根据屏幕高度获得高度。页脚高度是75px。2个手风琴高度是100px。图像是PNG I have 3 divs <--CODE--> <body> //这是第一个有图像的Div <--CODE--> <body> blalallal <--CODE--> <body> 您可以使用CSS3 calc，具体取决于您的浏

一个是大喇叭，另一个是手风琴。第三个是固定页脚。我想让它根据屏幕高度获得高度。页脚高度是75px。2个手风琴高度是100px。图像是PNG

    I have 3 divs

    <--CODE-->

<body>

//这是第一个有图像的Div

    <--CODE-->

<body>


blalallal
    <--CODE-->

<body>

您可以使用CSS3 calc，具体取决于您的浏览器支持

    <--CODE-->

<body>

高度：计算（100vh-175px）
高度：100vh是CSS中的屏幕高度，无需JQ当我给出此高度时，未固定的手风琴向下滑动。页脚是固定的，因此不重要请张贴小提琴；我在你的代码中没有看到任何图像，你也谈论了很多宽度，但重要的是高度。一张图片/小提琴相当于1000个单词。很抱歉，它的高度是一个打字错误，因此页脚和手风琴的总高度为100px+75px=175px，因此屏幕的剩余高度应该用图像覆盖。JSFIDLE有问题吗
    <--CODE-->

<body>