Google Drive Picker (JavaScript) 不适合移动设备/响应式

Question

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

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

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

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)。