Question

我在引导程序代码中有一个图像

<header>
My Header
</header>

<div class="container">

<div class="col-md-8">
<div class="col-image">
<img src="my-image.jpg" >
<div>
</div><!--col-md-8-->

<div>
comments
</div>


<div class="col-md-4">
my sidebar
</div><!--col-md-4-->

</div><!--container-->

<footer>
my footer
</footer>

我希望图像高度在任何尺寸的屏幕内。反应高度

我尝试添加height:auto; max-height:100vh;，但根本没有用。任何帮助都是适当的。

Answer 1

图像父母应该是一个高度定义。因此，您可以设置max-height或height。以百分比搜索heitgh;）

PS。：参见完整页面

＆＃13;

<header>
My Header
</header>

<div class="container">

<div class="col-md-8">
<div class="col-image">
<img src="http://papodeturista.com/wp-content/uploads/2016/02/arvore.jpg" >
<div>
</div><!--col-md-8-->

<div>
comments
</div>


<div class="col-md-4">
my sidebar
</div><!--col-md-4-->

</div><!--container-->

<footer>
my footer
</footer>

＆＃13;

<div>

＆＃13;

Answer 2

添加类img-responsive。

string = ""

while True:
# for m in range (0,20): #Disconnects after x chars
    data = conn.recv(1) #Receive data from the socket.

    if not data:
        reply = "Server output: "+ string
        conn.sendall(str.encode(reply))
        break
    else:
        string += data.decode("utf-8")

conn.close()

此处提供更多信息：http://php.net/manual/en/language.operators.assignment.php

使图像高度适合屏幕内部

2 个答案: