Question

我希望面板和图像处于固定高度，使其不大于页面，并且没有滚动条。我该如何存档？

 Array
(
    [result] => success
    [adminid] => 1
    [name] => My Name
    [notes] => 
    [signature] => 
    [allowedpermissions] => My Name
    [departments] => 1
    [requesttime] => 2017-02-26 12:44:06
    [id] => 1
    [uuid] => sqdqsdqsdqsdq454
    [roleid] => 1
    [username] => Myname
    [password] => $dfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf
    [passwordhash] => $jghjghjghjghjghjghjghjghjg        
    [updated_at] => 0000-00-00 00:00:00


)

https://jsfiddle.net/58br0n1g/

Answer 1

有几种方法可以解决这个问题。

首先，您要约束面板的高度，使用max-height: 100vh;将面板的最大高度设置为100个视口高度单位，即100％的高度。

其次我们需要处理图像，因为您已将图像设置为100％100％，图像可能会溢出容器。因此，您需要决定图像的显示方式。你有几个选择：

将overflow: hidden;添加到面板，这意味着不会显示任何多余的图像。
在CSS中使用background-image: url(/path/to/image.jpg);而不是内联图片元素。这意味着您可以利用各种背景大小的属性，例如background-size: cover;将确保图像始终填充100％的背景。值得对此进行一些研究。

希望有所帮助。

Bootstrap面板适合页面高度

1 个答案: