为什么这个定价领域会在移动设备上叠加？

Question

我想我会疯了。我无法弄清楚为什么这个定价领域突然堆积在641像素以下。谁能帮我吗？ 我想我需要一套新的眼睛来看代码！

http://forfattarskola.staging.wpengine.com/bildkort/bestall-bildkort/

好

坏

Answer 1

如果没有要查看的代码，只看到页面源，看起来您需要更改此css类以使用内联块而不是阻止

@media only screen and (max-width: 641px) .gform_wrapper .ginput_container span {
    display: inline-block;
}

Answer 2

尝试：

#gform_fields_4 li {
    min-width: 200px;
}
#gform_fields_4 li * {
    display: inline-block;
}

我通过chrome调试在你的页面上测试了这个，似乎工作。将此CSS添加到页面和voilá！