コール

Question

私はここに販売ページを持っている：私は携帯電話でサイトを表示したときにhttp://salesautopilot.s3.amazonaws.com/newsletter/letter/nl57825/ns103923/subscribe.html

私の問題があり、アクションボタンに青の呼び出し内のテキストは、ボタンをオーバーフローします。

ボタンのCSSを変更しないでください。

私は、このボタンを定義するCSSコードの一部だと思う：あなたはちょうどそのように編集している場合

.mmform-container div.submitcontainer a.submitbutton,.mmform-container button.mmform-event-button,.mmform-container div.submitcontainer button.submitbutton { 
    background-color: #208dda; 
    border: none; 
    font-size: 26px; 
    font-weight: 600; 
    letter-spacing: 0.8px; 
    margin: 0 auto; 
    padding: 15px 0; 
    /*width: 70%;*/ 
    min-height: 20px; 
    color: #fff; 
    text-align: center; 
    display: block; 
    text-decoration: none; 
    width: 70%; 
} 

はみんな デビッド

Answer 1

ありがとう：

@media (max-width: 640px){ 
    .submitcontainer a{ 
     width:100%!important; 
    } 

Answer 2

あなた問題は、最後の単語が長すぎて固定のフォントサイズと幅で1行に収まらないということです。あなたはその単語を壊すのにword-wrap: break-word;を使うことができますが、それはちょっと醜いです。小さい画面のフォントサイズを小さく（単に「登録」に）ボタンのテキストを減らすか

• ：
  芋最良のシナリオは、どちらかになります。そのためにはCSS media queryを使用できます。