號召性按鈕CSS修改

-1

我有一個銷售頁面在這裏：http://salesautopilot.s3.amazonaws.com/newsletter/letter/nl57825/ns103923/subscribe.html 號召性按鈕CSS修改

我的問題是，當我查看網站上的移動，在藍色的行動呼籲按鈕上的文本溢出的按鈕。

我應該如何修改按鈕的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%; 
}

謝謝你們大衛

來源

2016-11-26 Kamarás Dávid

請將相關的「* [mcve] *」代碼添加到您的問題中，包括HTML不僅鏈接到它;這樣，你的問題就會自成一體，對未來的訪問者來說是有意義的，並且是有用的。 –

-1

，如果你只是編輯方式：

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

來源

2016-11-26 13:14:44

它不能解決問題 –

如果這是爲什麼-1？我們可以調查問題，並且毫無疑問地改善解決方案 –

你問題在於最後一個字太長，固定的字體大小和寬度不符合一行。你可以使用word-wrap: break-word;來打破這個詞，但它有點難看。
伊莫最好的情況是要麼：

減少按鈕上的文本（只是「註冊」）或
減小字體大小較小的屏幕。爲此，您可以使用CSS media query。

來源

2016-11-26 13:38:20

號召性按鈕CSS修改

回答

相關問題