【问题标题】: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; 
}

【讨论】:

  • 这不起作用。表格在那里,它实际上需要向左移动,但在移动端。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-05-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多