为什么这个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; 
}