移动设备上的Google翻译iframe太宽了

时间:2015-01-17 14:18:39

标签: mobile google-translate

我在我的网站上使用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和互联网的其他部分,不仅没有找到解决方案,我还没有找到其他人抱怨这个问题。我不能是唯一一个,可以吗?

1 个答案:

答案 0 :(得分:2)

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

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