幅=

2017-11-03 6 views
0

それが応答することisnt't divの100%はちょっと私は私の加入面積が応答することに取り組んでいました。エリア全体のdivコンテナを作成しました。しかし、幅= 100%に設定しても、領域が応答するわけではありません。幅=

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<div style= "width:100%; height:auto; border-radius:4px; background-color:#36424d; margin-top:0px; margin-bottom:0px; padding-top:40px; padding-bottom:40px; padding-left:40px; padding-right:40px;"> 
    <h2 style="color:#ffffff;"><b><center>Get actionable influencer marketing advice. Delivered weekly.</center></b></h2> 
    <h3 style="color:#ffffff"><center>Join 6308 good looking people who get our latest content first.</center></h3>  
    <br/> 
    <div style= "background-color:#dee5e5; border-radius:3px; padding-left:10px; padding-right:10px"> 
    <input type="email" name="EMAIL" placeholder="Your business/personal email address" required /> 
    </div> 

    <div style="text-align: center;"> 
    <input type="submit" value="Subscribe" /> 
    </div> 
</div> 
+0

私はあなたの質問を理解していません。あなたは「反応する」とはどういう意味ですか?それは私にとって敏感です(適応的です)。 – Rob

答えて

0

あなたは100vwが私のために仕事をした=幅を削除したり、内部のdivを追加し、そこにパディング

<div style= "width:100%; height:auto; border-radius:4px; background-color:#36424d; margin-top:0px; margin-bottom:0px; padding-top:40px; padding-bottom:40px;"> 
 
<div style=" padding-left:40px; padding-right:40px;"> 
 
    <h2 style="color:#ffffff;"><b><center>Get actionable influencer marketing advice. Delivered weekly.</center></b></h2> 
 
    <h3 style="color:#ffffff"><center>Join 6308 good looking people who get our latest content first.</center></h3>  
 
    <br/> 
 
    <div style= "background-color:#dee5e5; border-radius:3px; padding-left:0px; padding-right:0px"> 
 
    <input type="email" name="EMAIL" placeholder="Your business/personal email address" required style="width:100%;height:32px;border-radius:3px;" /> 
 
    </div> 
 

 
    <div style="text-align: center;"> 
 
    <input type="submit" value="Subscribe" style="margin:5px auto; border-radius:3px;" /> 
 
    </div> 
 
    </div> 
 
</div>

+0

ねえ、これはデスクトップブラウザでは役に立ちません。 Chromeではなく、Firefoxでもない。それでも同じ問題が続く。 – Niranjan

+0

@NiranjanSingh今すぐチェックサブスクライバ部門のCSSを変更しました – Gattbha

+0

お子様部門の変更を追加すると、親部門の変更はどうなりますか?これはうまくいきませんでしたので、私はちょうど見つけた – Niranjan

0

設定幅を与える必要があります。必要に応じて他の番号に設定することができます。

<div style= "width:96vw; height:auto; border-radius:4px; background-color:#36424d; 
      padding-top:40px; padding-bottom:40px; 
      padding-left:40px; padding-right:80px;"> 
+0

私には同じように見えます。 – Rob