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

Question

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

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

它在台式机和平板电脑上运行良好，但在手机上，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)。