我有一个在线看起来很棒的食物菜单。该菜单由带有可自定义CSS的Wordpress插件生成。该网站的其余部分在iPhone上看起来很精致,但当你到达菜单时,它会重叠并且有点消失。
打开菜单中的链接,使窗口大小非常小 - 看看它在最小的设置下是如何重叠的?
我在宽度上玩@media,但无法理解。
任何人都可以帮我把文字环绕在网站最小的宽度上吗? 或者是一个插件,可以检测用户是否在移动设备上并完全显示不同的页面(只是该页面)。
答案 0 :(得分:2)
如果您遇到的问题是文本没有包装您希望如何包装我建议将white-space: normal
添加到文本的父元素中以确保文本将换行而不是继承{{ 1}}用于另一个元素的声明。
对于您的具体情况,以下CSS将强制菜单适当地换行:
white-space: nowrap