css - Wordpress 插件 - 如何使文本响应，或用新的 div 替换它？

Question

http://bit.ly/YqiQNQ

我有一份在网上看起来很棒的食物菜单。菜单由具有可自定义 CSS 的 Wordpress 插件生成。该网站的其余部分在 iPhone 上看起来很新，但是当您进入菜单时，它会严重重叠并且有点消失。

打开菜单中的链接并使您的窗口大小非常小 - 看看它在最小设置下如何重叠？

我在宽度上玩@media，但无法弄清楚。

谁能帮我让文字以网站最小宽度环绕？或者一个插件，它会检测用户是否在移动设备上并显示完全不同的页面(只是那个页面)。

Answer 1

如果您遇到文本未按您希望的方式换行的问题，我建议将 white-space: normal 添加到文本的父元素以确保文本将wrap 而不是继承用于另一个元素的 white-space: nowrap 声明。

对于您的具体情况，以下 CSS 将强制菜单适当换行:

.rmc-menu-wrap {
    white-space:normal;
}