html - 手机Bootstrap 4看图片跳出div

Question

当我在手机上查看网站时，我有一个图像跳出它的 div .. 在某些手机上它是 okej 但不是在 samsung galaxy note 9 例如。我已经尝试了各种方法来防止这种情况发生，但一直无法转动正确的 key 。我正在使用 bootstrap 4。我使用了媒体查询但它不起作用。

Check the image here

    <section id="showcase" class="">
    <div class="primary-overlay text-white">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 text-center">
                    <h1 class=" display-2 mt-5 pt-5">Alla företag på ett och samma ställe
                    </h1>
                    <div>



                        <p class="mb-0 lead">För dig som privatkund är Kyndia en app som ger dig tillgång samt
                            information
                            om de företag du har att göra med. Allting i en och samma app.</p>
                        <br>


                        <p><em>Enkelt organiserat och helt gratis.</em></p>


                    </div>


                    <button type="button" class="btn btn-dark">
                        <i class="fab fa-apple"></i> Hämta i Appstore</button>
                    <a href="#news" class="btn btn-success" role="button"><i class="fas fa-envelope"></i> Prenumerera </a>

                </div>

                <div class="col-sm-6 text-center">
                    <img src="img/Start.png" alt="" class="img-fluid wow bounceInRight d-sm-block">
                    <!--d-none och d-lg-block-->
                </div>
            </div>
        </div>
    </div>
</section>

Answer 1

尝试在 CSS 中使用 Max-Width 属性。

如果你想将它扩展到全视口(viewport)或容器宽度，使用这个

max-width: 100%