Wordpress插件 - 如何使文本响应,或用新div替换它?

时间:2013-04-15 19:14:21

标签: css wordpress mobile plugins responsive-design

http://bit.ly/YqiQNQ

我有一个在线看起来很棒的食物菜单。该菜单由带有可自定义CSS的Wordpress插件生成。该网站的其余部分在iPhone上看起来很精致,但当你到达菜单时,它会重叠并且有点消失。

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

我在宽度上玩@media,但无法理解。

任何人都可以帮我把文字环绕在网站最小的宽度上吗? 或者是一个插件,可以检测用户是否在移动设备上并完全显示不同的页面(只是该页面)。

1 个答案:

答案 0 :(得分:2)

如果您遇到的问题是文本没有包装您希望如何包装我建议将white-space: normal添加到文本的父元素中以确保文本将换行而不是继承{{ 1}}用于另一个元素的声明。

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

white-space: nowrap