【问题标题】:ios not displaying full page and form not clickableios不显示整页和表单不可点击
【发布时间】:2017-08-28 15:58:45
【问题描述】:

我为 Freecodecamp 做的网站有问题。一切都在桌面上完美运行,但在 iO 上却是一场噩梦。我有一些问题,但主要问题是我的最后一页(联系页面)没有显示。 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

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

【问题讨论】:

  • Bootstrap 4 现在使用 img-fluid 而不是 img-responsive
  • 谢谢。我会改变它,但我很确定这不是问题。
  • 您还在 css 中链接到 BS 3.3.7,然后您没有在其中添加 BS4 JS、Popper 和 jQuery。转到getbootstrap.com 为您提供入门部分下的链接
  • 我最初只是链接到 BS 3.3.7。我在那里尝试了 BS 4,但它把事情搞砸了。我不知道波普尔是什么。对此很陌生。
  • Popper 是 BS4 使用的 .js 名称。我已经用 BS 4 做了几页,到目前为止一切都很好。在什么是 popper.js github.com/FezVrasta/popper.js 上阅读此内容是您在 codepen 页面链接上拥有的所有 css 吗?我很难弄清楚。

标签: html css bootstrap-4


【解决方案1】:

整理好了。在排除过程之后,我直接在 Codepen 之外托管了该站点,并且它在 Ios 中完美显示。所以它是与 iO 一起在 Codepen 中发布的。

【讨论】:

    猜你喜欢
    • 2014-11-12
    • 2012-10-27
    • 1970-01-01
    • 2018-04-12
    • 2019-10-11
    • 1970-01-01
    • 1970-01-01
    • 2020-06-11
    • 2011-05-31
    相关资源
    最近更新 更多