Question

我现在必须弄清楚这一点。我想要一张照片填满整个col-6。但我怎么知道图片的大小应该有多大？我也应该设置一个高度吗？

<div class="row">
        <div class="col col-6">
            <img src="img/fly_tying.jpg">
        </div>
        <div class="col col-6">
            <form action="flyUpload.php">
                <fieldset>
                    <legend>Upluad Fly</legend>
                    <label for="name">Name</label>
                    <input type="text" id="name" value="name"><br>
                    <label for="category">Category</label>
                    <input type="text" id="category" value="category"><br>
                    <label for="fishtype">Fishtype<label>
                    <input type="text" id="fishtype" value="fishtype"><br>
                    <button type="submit" value="submitFly">Submit My Fly</button>
                </fieldset>
            </form>
        </div>
</div>

CSS：

.col-6{
  width:50%;
}

Answer 1

高度只需设置自动。并使img设置宽度为100%

图片填写所有col

1 个答案: