在 Android 上查看时菜单按钮（文本）重叠答案

【问题标题】：Menu buttons (text) overlapping when viewed on Android在 Android 上查看时菜单按钮（文本）重叠
【发布时间】：2011-12-20 20:52:42
【问题描述】：

我刚刚完全重新设计了我的网站hetoft.com。我手头上的所有东西都设计和编码，只使用 Dreamweaver 作为帮助。这是我第一次使用基于 CSS 的布局制作网站，尽管遇到了很多麻烦，但这个网站对我很有帮助。谢谢！

无论如何，我的问题...我的网站（AFAIK）在 IE、Firefox、Chrome 和 Safari 中看起来都很好 - 也是移动 Safari。但是，当将窗口缩小很多时，就像您在 Android 手机上查看网站时 Android 所做的一样，我的菜单点开始重叠......右侧菜单与左侧重叠，一团糟。

我该怎么做才能解决这个问题？我知道我可以将网站设置为固定宽度，但这有点毁了我的设计以及完全可扩展网站的全部意义。

希望大家帮忙！

问候，拉斯穆斯，hetoft.com

【问题讨论】：

另外，我从一位朋友那里听说我的网站正在运行 Windows Phone 的手机上运行...所以我希望你们中的一个也能告诉我那里出了什么问题。 :)
您的网站是否针对移动设备进行了优化？
@我不这么认为，不...我该怎么做？它在我的 iPhone 上看起来不错，而且我已经做到了，如果用户的设备不支持 Flash，它会转移到 HTML5 库。

标签： android html css scaling overlap

【解决方案1】：

在 CSS 中设置 min-width 怎么样？

【讨论】：

听起来很简单，它可能正是我想要的！ :) 我明天一定会试试的。

【解决方案2】：

我明白你在我的 X2 上的意思，尝试添加

<meta name="viewport" content="width=device-width"/>

这也可能与 6 个左对齐链接和 4 个右对齐链接有关。

【讨论】：

是的，这就是问题所在...那些代码行，我是否只需将它们添加到所有 .html 的部分？