ios不显示整页和表单不可点击

时间:2017-08-28 15:58:45

标签: html5 css3 bootstrap-4

我的网站出现了问题,我正在为Freecodecamp做些什么。一切都在桌面上完美运行,但它对iOs来说是一场噩梦。我有一些问题,但主要问题是我的最后一页(联系页面)没有显示。 iOs从页面底部减少了大约75%的折扣,而且我无法获得我可以看到的可点击的形式。 (到目前为止,我只在我的iPhone 7+上试过这个)有人可以帮忙吗?我将在下面的特定页面上发布标记,但我也会在Codepen上发布指向整个网站的链接,这可能有所帮助。

     <div id="parralax4" class="img-responsive">
     <div class="container">
     <div class="row formtitle">
     <div class="col-sm-3">
     <h2 class="formtitle1 raleway">Contact Us</h2>
     <p class="raleway">Please use the contact form...
     </div>
     <form id="xform">
     <div class="row">
     <div class="form-group col-sm-4">

     <label for="name"></label>
     <input type="name" class="form-control" id="name" 
      required placeholder="Enter name">
     </div>
     </div>
     <div class="row">
     <div class="form-group col-sm-4">
     <label for="email"></label>
     <input type="email" class="form-control" id="email" 
     required placeholder="Enter email">
     </div>
     </div>
     <div class="row">
     <div class="form-group col-sm-6">
     <label for="Message"></label>
     <textarea class="form-control" rows="5" id="message" 
     required placeholder="Your message"></textarea>
     </div>
     </div>
     <div class="row">
     <div class="col-sm-2">
     <button type="submit" class="btn btn-md btn-success">Submit</button>
     </form>
     </div>
     </div>

My CodePen

任何帮助非常感谢。我已经花了好几个小时试图对此进行排序。

1 个答案:

答案 0 :(得分:0)

对此进行了排序。在消除过程之后,我直接在Codepen之外托管了该网站,它在Ios中表现得非常完美。所以它是在Codepen和iOs之间发布的。