Mobile 谷歌在手机上翻译iFrame太宽

Mobile 谷歌在手机上翻译iFrame太宽,mobile,google-translate,Mobile,Google Translate,我正在我的网站上使用谷歌翻译小部件()。它在桌面屏幕上运行良好,但在手机和其他小屏幕上使用完全相同的布局,看起来很糟糕。首先,包含语言列表的iframe具有860像素的硬编码宽度。您无法选择第3列之外的任何语言,因为它们不在屏幕边缘(并且您无法向右滚动查看它们,因为浏览器没有意识到iframe太宽——我假设这与此处讨论的问题相同:) 我已经研究过如何使用CSS解决这个问题,但是CSS无法“看到”iFrame内部。我在stackoverflow和互联网的其他地方搜索过,不仅没有找到解决方案,也没有

我正在我的网站上使用谷歌翻译小部件()。它在桌面屏幕上运行良好,但在手机和其他小屏幕上使用完全相同的布局,看起来很糟糕。首先,包含语言列表的iframe具有860像素的硬编码宽度。您无法选择第3列之外的任何语言,因为它们不在屏幕边缘(并且您无法向右滚动查看它们,因为浏览器没有意识到iframe太宽——我假设这与此处讨论的问题相同:)


我已经研究过如何使用CSS解决这个问题,但是CSS无法“看到”iFrame内部。我在stackoverflow和互联网的其他地方搜索过,不仅没有找到解决方案,也没有找到其他人抱怨这个问题。我不能是唯一的一个,对吗?

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


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

如何更改宽度?这就是我的问题所在having@david-brierton使用CSS-添加一个“宽度”设置到“.goog te combo”可能的重复