Question

11月15日 - 仍在寻找解决方案。

我使用Google Picker API https://developers.google.com/picker/docs/#hiworld（显然！）让用户从其云端硬盘帐户中选择一个文件（从云端硬盘中选择要下载的文件 - 不要将新文件上传到云端硬盘）。这是一个响应式网站，而不是一个应用程序＆＃34; （原生或其他）。

它在台式机和平板电脑上运行良好，但在手机上，Picker太大了。

在https://developers.google.com/picker/docs/reference#Picker中说：

PickerBuilder.setSize（） 设置首选对话框大小。该对话框将自动居中。它的最小尺寸为（566,350），最大尺寸为（1051,650）。

所以它似乎不适合在手机上使用？我错过了什么，或者有解决方法，还是替代方案？当Dropbox等其他服务开箱即用时，Google会排除手机用户使用Picker的情况，这似乎很奇怪。

Answer 1

我遇到了类似的问题，并设法通过使用此css来解决它：

@media screen and (max-width: 991px) {
 .picker.modal-dialog {
    max-width: 355px !important;
 }
 .picker.modal-dialog-content.picker-dialog-content{
     max-width: 355px !important;
 }
}

您应该能够调整宽度和媒体查询以满足您的需求，或者进行更多媒体查询以使其在其他设备中看起来更好。

我还将JS中的选项设置为最小的PickerBuilder.setSize（566,350）。

Google Drive Picker（JavaScript）不支持移动设备/响应式

1 个答案: