爲什麼這個wordpress頁面無響應？

Question

我指的是site在移動端沒有正確顯示。

這裏是看看fiddle<div id="contactWrapper">。關於實際的聯繫表單，您將在JSFiddle中看到的表單將顯示短代碼。請參考該網站查看我所指的實際聯繫表格7。

聯繫頁面在桌面版本上顯示出色，但移動端無法以響應格式正常運行。

我在尋求一些見解來幫助我解決這個問題。如果你有幾分鐘的時間來看看問題並給出你的建議，那將是值得讚賞的。

Answer 1

您的問題#contact2和#contact1具有像素尺寸：

# contact1 { 
display: table-cell; 
width: 380px; 
float: left; 
margin-top: 20px; 
} 

# contact2 { 
display: table-cell; 
width: 670px; 
float: left; 
} 

被替換爲：

# contact1 { 
display: table-cell; 
width: 30%; 
float: left; 
margin-top: 20px; 
} 

# contact2 { 
display: table-cell; 
width: 70%; 
float: left; 
}