2017-08-28 21 views
0

私が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

大幅理解すべてのヘルプ。私はこれを整理しようと何時間もしてきました。

+0

ブートストラップ4はimg-responsiveでないimg-fluidiveを使用しています – mlegg

+0

ありがとうございました。私はそれを変更しますが、私はそれが問題ではないと確信しています。 –

+0

また、あなたはBS 3.3.7にリンクしています。そこにBS4 JS、Popper、jQueryが追加されていません。 https://getbootstrap.com/にアクセスしてください。はじめにセクション – mlegg

答えて

0

これはソート済みです。排除のプロセスの後、私はCodepenの外に直接サイトをホストし、それは完全にIosで示しました。だから、それはiOsと一緒にCodepen内で発行されました。

関連する問題