在不同尺寸的浏览器上显示框形元素时，如何防止其变形或变形

编程问答 2022-08-15

问题描述

我对此并不陌生，我想展示一个我成功完成的产品，但是当它在非全屏窗口上打开时，它会变成该窗口的形状并扭曲产品图像等。 我该怎么解决

<div class="row">
{% for product in products %} 
<div class="col-lg-4">
    <img class="thumbnail" src="{{product.imageURL}}">
    <div class="Box-element product">
        <p><light>{{product.name}}</light></p>
    <hr>
    <button data-product="{{product.id}}" data-action="add" class="btn btn-outline-secondary add-btn update-cart">Add to Cart</button>
    <a class="btn btn-outline-success" href="#">View</a>
    <h4 style="display: inline-block; float: right"><light>${{product.price|floatformat:2}}</light></h4>
    </div>
</div>
{% endfor %}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

djangodjangohtmltwitter-bootstrap