Question

页面模板由带有菜单的标题，带有图像的内容滑块和带文本的页脚组成。

<style>
    header {height: 60px;}
    footer {height: 20px;}
</style>
<body>
<header>
 <!-- menu -->
</header>
<div class="content">
  <div class="slider">
    <div class="item">
      <img href="" />
    </div>
    <div class="item">
      <img href="" />
    </div>
    <div class="item">
      <img href="" />
    </div>
  </div>
</div>
<footer>
  <!-- some text -->
</footer>
</body>

内容只有图片滑块。图像尺寸非常大，尺寸不同。因此，图像必须按宽度和高度填充最大自由空间。因此模板将在没有滚动条的情况下填满整个屏幕。内容和img标签需要什么样的风格？

因为它的响应性，内容的宽度和高度必须是100％。但它不起作用。

Bootstrap 2用于项目。

https://jsfiddle.net/84nqq8gu/ - 简单示例

Answer 1

Route::put('post/{id}', ['middleware' => 'someMiddleware:16']);

使用max-width和max-height。任何一个都将填充可用空间，具体取决于最适合的空间。

img滑块的响应式模型

1 个答案: