2016-08-31 11 views
0

私はこのフォームを携帯端末に置いていると消えてしまいます。なぜ私は本当に理解していないのですか?誰も私がそれを理解するのを助けることができますか?私はコードを通過しましたが、私はこれに関する解決策を見つけることができません。あなたは次のコードしているあなたのcustom.cssファイルで携帯端末で背景がぼやけて

.customclass h3{ 
    margin: 0 0 20px 0; 
    font-family: 'Open Sans'; 
    font-weight: 300; 
    color: #444; 
    text-transform: none; 
    font-size: 24px; 
    line-height: 30px; 
} 

#form_over .formResponsive .formHorizontal .formControls { 
    margin-left: 0 
} 
#form_over .formResponsive .formHorizontal .formControlLabel { 
    float: none; 
    width: auto; 
    padding: 0px; 
    text-align: left; 
    margin-bottom: 5px 
} 
#form_over .formResponsive input[type="text"] { 
    height: 35px; 
    padding-left: 10px; 
    font-size: 15px 
} 
#form_over .formResponsive .formHorizontal .rsform-block { 
    margin-bottom: 0 
} 
#form_over .formResponsive .formBody #tilmeld { 
    font-weight: 900; 
    font-size: 18px; 
    border-radius: 4px; 
    background-color: #166687; 
    background-image: none; 
    line-height: 50px; 
    padding-left: 25px; 
    padding-right: 25px; 
    width: 98% !important; 
    max-width: 98% !important; 
    border: none; 
    text-shadow: none; 
    -webkit-appearance: none 
} 
#form_over .formResponsive .formBody #modtag { 
    font-weight: 900; 
    font-size: 18px; 
    border-radius: 4px; 
    background-color: #166687; 
    background-image: none; 
    line-height: 50px; 
    padding-left: 25px; 
    padding-right: 25px; 
    width: 98% !important; 
    max-width: 98% !important; 
    border: none; 
    text-shadow: none; 
    -webkit-appearance: none; 
    background-color: #F1A900; 
} 
#form_over .formResponsive input { 
    width: 92% 
} 
#form_over .formResponsive { 
    margin-bottom: 0 
} 
+0

何が消えていますか? Google Chromeのデバッグツールで問題を再現できません –

+0

ここであなたのリンクを確認したところ、すべての端末でフォームが正常に表示されました。 –

+0

実際に+デスクトップビューのような灰色の背景はありませんか? – KrMa

答えて

2

@media only screen and (max-width: 767px) { /* mobile devices */ 

    .customclass { 
    position: relative; 
    top: 0px; 
    right: 0%; 
    z-index: 100; 
    height: 74%; 
    background: white; 
    padding: 0 50px; 
    } 
} 

画面が767px幅の広い以下であるときに上書きされているフォームのスタイルを見ることができるように。ちょうどbackground: white;を削除しても問題ありません。

+0

まさに!あなたは最初に答えました:)。 「背景:#EFEFEF」を入力してください。 –

関連する問題