2016-10-06 8 views
1

私はのための解決策を見つけることができなかった問題... モバイルデバイス上で強制横スクロールが現れを持っている...強制水平scroolbar

http://andreibilecatestwebsites.comxa.com/Tentrom%20-%20homepage/index2.htmlこれは...

上でそれをテストするウェブサイトのイムです

私が解決策を見つけようとした後、私は気づいた。問題は、ライン120からライン164までのすべてのHTMLコードを消去した場合にのみ消える。これはセクション全体を意味します。

私はそこにコードを残して、それに関連するスタイルシート全体を消去しようとしましたが、レスポンシブなスタイルのばかだが、問題は残っていました。

私はHTMLコードを使って何かをしていました。ヘルプ

<div class="container"> 
    <div class="row"> 
    <div class="row"> 
     <div class="backgroundimage"> 
      <div class="row"> 
    <div class="col-sm-12 hidden-md hidden-lg"> 
     <a href="#contactform"><button type="submit" class="btn btn-primary buton center-block buttonform">CONTACTEAZA-NE </button></a> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-xs-offset-2 col-xs-8 col-xs-offset-2 col-md-offset-8 col-md-3 col-md-offset-1 col-sm-offset-4 col-sm-6 col-sm-offset-2 formular"> 
     <h3>CONTACTEAZA-NE</h3> 
     <p>Lasa-ne mesajul tau pentru a fi contactat ulterior:</p> 
        <!-- TRATORIA FORM STARTS HERE --> 
     <form class="form" id="contactform" action="contact.php" method="post"> 
     <div class="col-xs-12"> 
     <div class="form-group"> 
     <input type="text" class="form-control" name="firstname" placeholder="Prenumele tau:"> 
     </div> 
     <div class="form-group"> 
     <input type="text" class="form-control" name="lastname" placeholder="Nmele tau:"> 
     </div> 
     <div class="form-group"> 
     <input type="email" class="form-control" name="email" aria-describedby="emailHelp" placeholder="Adresa ta de email:"> 
     </div> 
     <div class="form-group"> 
     <input type="tel" class="form-control" name="phonenumber" placeholder="Numarul tau de telefon:"> 
     </div> 
     <div class="form-group"> 
     <textarea class="form-control" name="message" rows="3" placeholder="Mesajul tau:"></textarea> 
     </div> 
     </div> 
     <button type="submit" class="btn btn-primary buton center-block">Trimite </button> 
     </form> 
     </div> 
    </div> 
    </div> 
</div> 

+0

何モバイルを解像度は水平スクロールバーが表示されていますか?私はあなたのリンクをさまざまなレスポンスツールでテストし、それを見ることはできません。 – SomeGuy

+0

確かに電話でしか表示されません。 私は3台の電話機でテストしましたが、いずれの応答ツールでも表示されません – WSW

+0

負の余白のために行の直下の子として行を入れないでください – ZimSystem

答えて

1

あなたはsharedcodeで</div>を逃すための おかげで、それと更新をチェック。

<div class="container"> 
    <div class="row"> 
     <div class="row"> 
      <div class="backgroundimage"> 
       <div class="row"> 
        <div class="col-sm-12 hidden-md hidden-lg"> 
         <a href="#contactform"><button type="submit" class="btn btn-primary buton center-block buttonform">CONTACTEAZA-NE </button></a> 
        </div> 
       </div> 
       <div class="row"> 
        <div class="col-xs-offset-2 col-xs-8 col-xs-offset-2 col-md-offset-8 col-md-3 col-md-offset-1 col-sm-offset-4 col-sm-6 col-sm-offset-2 formular"> 
         <h3>CONTACTEAZA-NE</h3> 
         <p>Lasa-ne mesajul tau pentru a fi contactat ulterior:</p> 
         <!-- TRATORIA FORM STARTS HERE --> 
         <form class="form" id="contactform" action="contact.php" method="post"> 
          <div class="col-xs-12"> 
           <div class="form-group"> 
            <input type="text" class="form-control" name="firstname" placeholder="Prenumele tau:"> 
           </div> 
           <div class="form-group"> 
            <input type="text" class="form-control" name="lastname" placeholder="Nmele tau:"> 
           </div> 
           <div class="form-group"> 
            <input type="email" class="form-control" name="email" aria-describedby="emailHelp" placeholder="Adresa ta de email:"> 
           </div> 
           <div class="form-group"> 
            <input type="tel" class="form-control" name="phonenumber" placeholder="Numarul tau de telefon:"> 
           </div> 
           <div class="form-group"> 
            <textarea class="form-control" name="message" rows="3" placeholder="Mesajul tau:"></textarea> 
           </div> 
          </div> 
          <button type="submit" class="btn btn-primary buton center-block">Trimite </button> 
         </form> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

UPDATE

、あなたが背景IMGをネストする1行に適用することができBADネストはこれを試してみると、それはすべてに巣はあなたが必要とするCOL:

<div class="container"> 
    <div class="row backgroundimage"> 
     <div class="col-sm-12 hidden-md hidden-lg"> 
      <a href="#contactform"><button type="submit" class="btn btn-primary buton center-block buttonform">CONTACTEAZA-NE </button></a> 
     </div> 
     <div class="col-xs-offset-2 col-xs-8 col-xs-offset-2 col-md-offset-8 col-md-3 col-md-offset-1 col-sm-offset-4 col-sm-6 col-sm-offset-2 formular"> 
      <h3>CONTACTEAZA-NE</h3> 
      <p>Lasa-ne mesajul tau pentru a fi contactat ulterior:</p> 
      <!-- TRATORIA FORM STARTS HERE --> 
      <form class="form" id="contactform" action="contact.php" method="post"> 
       <div class="col-xs-12"> 
        <div class="form-group"> 
         <input type="text" class="form-control" name="firstname" placeholder="Prenumele tau:"> 
        </div> 
        <div class="form-group"> 
         <input type="text" class="form-control" name="lastname" placeholder="Nmele tau:"> 
        </div> 
        <div class="form-group"> 
         <input type="email" class="form-control" name="email" aria-describedby="emailHelp" placeholder="Adresa ta de email:"> 
        </div> 
        <div class="form-group"> 
         <input type="tel" class="form-control" name="phonenumber" placeholder="Numarul tau de telefon:"> 
        </div> 
        <div class="form-group"> 
         <textarea class="form-control" name="message" rows="3" placeholder="Mesajul tau:"></textarea> 
        </div> 
       </div> 
       <button type="submit" class="btn btn-primary buton center-block">Trimite </button> 
      </form> 
     </div> 
    </div> 
</div> 
+0

問題はまだそこにある – WSW

+0

アップデートを確認 –

+0

あなたがスクロールを強制するために使用するCSSSを送信します –