カスタマイズ方法お問い合わせフォーム7スマートフォンの外観？

モバイルエミュレータで自分のサイトをチェックしたところ、私のサイトのContact Form 7が表示されていないことがわかりました。一部のフィールドは表示されません。カスタマイズ方法お問い合わせフォーム7スマートフォンの外観？

私はいくつかの研究を行なったし、このCSSのコードが見つかりました：

@media only screen and (max-device-width: 500px) { 
.wpcf7-form { 
max-width: 500px; 
margin: auto; 
}}

を私がエミュレータ上でそれを確認したときに何も変更していないようです。 my siteの何が間違っていますか？

2016-12-15 Dora

以下のコードを試してください。それに応じて幅を調整してください。

@media (max-width:560px) { 
.contact { 
    max-width: 280px; 
}}

2016-12-15 16:17:49

私は追加しましたが、あなたのコードは何も変更しません。エミュレータでサイトを確認すると、表示されます。 – Dora

@media only screenと（max-width：400px）{lineの後にresponsive.cssにこのコードを追加しました。それはうまくいきました。もう一度やり直してください。 –

が働いた。ありがとう。 – Dora

答えて