谷歌翻译 iframe 在移动设备上太宽

Question

我在我的网站上使用 Google 翻译小部件 (http://translate.google.com/manager/website/)。它在桌面屏幕上运行良好，但在移动设备和其他小屏幕上使用完全相同的布局，看起来很糟糕。一方面，包含语言列表的 iframe 的硬编码宽度为 860 像素。您无法选择第 3 列以外的任何语言，因为它们不在屏幕边缘（并且您无法向右滚动查看它们，因为浏览器没有意识到 iframe 太宽 - 我假设它与此处讨论的问题相同：Webpage with wide iframe is not scrollable on an iPhone with viewport)。

我已经研究过使用 CSS 解决问题，但 CSS 无法在 iframe 中“看到”。我搜索了整个 stackoverflow 和互联网的其余部分，不仅没有找到解决方案，而且找不到其他人抱怨这个问题。我不能是唯一的，不是吗？

Answer 1

我找到了一个解决方案：我选择了“水平”而不是“仅下拉”布局。当您这样做时，Google 会使用一个简单的下拉列表，而不是一个大的 iframe。

出现在页面顶部的小面板仍然太宽而无法正常显示，但这是一个小问题。