如何自定義聯繫表格7查看智能手機？

Question

我剛剛在移動模擬器中檢查了我的網站，並且看到我的網站中的聯繫表單7沒有顯示，因爲它應該。某些字段不可見。

我做了一些研究，發現這個CSS代碼：

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

，但它似乎並沒有改變任何東西，當我檢查它在模擬器上。 my site有什麼不對？

Answer 1

請嘗試下面的代碼，相應地調整寬度。

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