Question

我一直在使用jquery，bootstrap，HTML，CSS来处理我的一个项目（下面给出了链接）。我的问题是某些手机浏览器中的某些UI无法正常工作。我想通过手机中的谷歌浏览器访问该网站。在一些电话（例如，镀铬版本61）中，主页部分上的白色背景，特征部分中的图标，表格字段颜色显示为白色。请帮我解决这个问题。该网站通过Chrome浏览器在笔记本电脑/台式机上完美运行。

网站链接：https://dev.prepmaestro.tk/new_landingPage/

    <section id="hero-area" >
<div class="container">
    <div class="row">
        <div class="col-md-12 text-center">
            <div class="block wow fadeInUp" data-wow-delay=".3s">
                <!-- Slider -->
                <section class="cd-intro">
                    <h2 class="wow fadeInUp animated cd-headline slide" data-wow-delay=".4s" >

                    <span class="cd-words-wrapper" style="padding-bottom: 25px; text-align: center;">
                        <b class="is-visible">Is your path to dream career turning into an uphill struggle?</b>
                        <b>Don't worry. Failures are finger posts on the road to achievement</b>

                    </span><br>
                    <span>With the right amount of Preparation & Guidance you can achieve your ambition</span>
                    </h2>
                </section> <!-- cd-intro -->
                    <!-- /.slider -->
                    <h1 class="wow fadeInUp animated" data-wow-delay=".6s" >
                        Prepare & Practice with PrepMaestro
                    </h1>
                    <a class="btn-lines dark light btn btn-default btn-green" data-wow-delay=".9s" href="#works" data-toggle="modal" data-target="#login">Sign In</a>
                </div>
            </div>
        </div>
    </div>
</section>





 #hero-area {
  background: url("../images/slider.jpg") no-repeat 50%; 
  background-size: cover;
  background-attachment: fixed;
  padding: 230px 0;
  color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  position: relative;
}

#hero-area:before {
  content: '';
  z-index: 9;
  /*background: rgba(255, 255, 255, 0.78);*/
  background: linear-gradient(#ffffffd4, #d4d4d49c); /* the standard */

一些UI部分无法在某些手机浏览器上运行

0 个答案: