我面临的问题是,我有2列。
1:图像
2:面板

当我调整浏览器窗口的大小时,与面板相比,图像高度正在减小。

html -  bootstrap :调整窗口大小时图像高度降低-LMLPHP

html -  bootstrap :调整窗口大小时图像高度降低-LMLPHP



<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<div class="row">
                    <div class="col-md-6 col-sm-6">
                        <a target="_blank" href="">
                            <div class="theme_view">
                                <img class="img-responsive" src="http://www.w3schools.com/css/img_fjords.jpg" alt="">

                            </div>
                        </a>
                    </div>

                    <div class="col-md-6 col-sm-6 col-xs-12">

                        <div class="panel panel-default set_padding_0 set_margin_0" >
                            <div class="panel-heading text-center">
                                 <span class="font_size_14">Theme Name</span>
                            </div>
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-md-6 col-sm-12 col-xs-12">
                                        <div class="radio">
                                        </div>

                                    </div>
                                    <div class="col-md-6 col-sm-12 col-xs-12">
                                        <div class="radio">
                                            <label class="i-checks">
                                                <input value="option2" checked="" disabled="" type="radio">
                                                <i></i>
                                                Personal Domain Name
                                            </label>
                                        </div>
                                    </div>
                                </div>


                             





我在哪里缺少?

任何帮助都会很棒。

谢谢。

最佳答案

尝试这个:
您可以指定高度

<img class="image" src="http://www.w3schools.com/css/img_fjords.jpg" alt="">


.image {
    height: 650px;
    width: 100%;
    object-fit: cover; // here
}

10-05 20:55
查看更多