引导内容在手机屏幕上未全屏

Question

在此表单中，内容不会在手机屏幕中全屏显示，而是在计算机和 Tab 屏幕中正常显示。请建议解决。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<div class="row d-flex">

    <div class="col-md-6 ftco-animate">

        <div class="blog-entry align-self-stretch d-flex">

            <div class="col-sm-12 col-md-12 col-lg-12 text p-4 d-block">

                <h3 class="heading mt-3"><strong>Login to the Website.</strong></h3>

                <form id="logging" name="logging" method="POST" action="<?php echo 

    $_SERVER['PHP_SELF']; ?>">

                    <div class="form-group">

                        <label> Email </label><span class="required text-danger"> *</span> <input type="email" id="email" name="email" class="form-control" placeholder="Your Email">

                    </div>

                    <div class="form-group">

                        <label> Password</label><span class="required text-danger"> *</span><input type="password" id="pw" name="pw" class="form-control" placeholder="Password">

                    </div>

                    <div><small class="text-primary"><a href="contact.php" data-toggle="modal" data- target="#modalAppointment"><span>Forget Password...</span></a> </small></div>

                    </br>

                    <div class="form-group">

                        <input type="submit" name="LogIn" id="LogIn" value="LogIn" class="btn btn-primary 

    py-3 px-5">

                    </div>

                </form>

            </div>

        </div>

    </div>

</div>

Answer 1

在 .blog-entry .text 类中删除宽度属性。在您的 style.css 文件中，.blog-entry .text 类位于第 1行。2764.blog-entry .text {&nbsp; &nbsp; position: relative;&nbsp; &nbsp; border-top: 0;&nbsp; &nbsp; border-radius: 2px;&nbsp; &nbsp; /* width: 55%; */&nbsp; --- /*remove this width */}

Answer 2

删除宽度.blog-entry .text.blog-entry .text {&nbsp; &nbsp; position: relative;&nbsp; &nbsp; border-top: 0;&nbsp; &nbsp; border-radius: 2px;&nbsp; &nbsp; width: 55%;/*Remove this Width*/}或者删除此类text<div class="col-sm-12 col-md-12 text p-4 d-block">&nbsp;至<div class="col-sm-12 col-md-12 p-4 d-block">