为什么这个 wordpress 页面没有响应？答案

【问题标题】：Why is this wordpress page non-responsive?为什么这个 wordpress 页面没有响应？
【发布时间】：2014-05-09 18:31:14
【问题描述】：

我所指的site 没有在移动端正确显示。

这里是fiddle<div id="contactWrapper">。关于实际的联系表格，您将在 JSFiddle 中看到的表格将显示短代码。请参阅该站点以查看我所指的实际联系表 7。

联系页面在桌面版本上显示出色，但移动端无法以响应格式正常运行。

我正在寻求一些见解来帮助我解决这个问题。如果您有几分钟的时间来看看这个问题并提出您的意见，那将不胜感激。

【问题讨论】：

用我的好朋友 Sony Xperia 测试了网站，看起来不错，联系表正常工作，究竟有什么问题？
@bodi0 - 表单需要向左移动一点，它不是居中的，只是在移动端

标签： wordpress css mobile contact-form

【解决方案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; 
}

【讨论】：

这不起作用。表格在那里，它实际上需要向左移动，但在移动端。