Google Drive Picker(JavaScript)不支持移动设备/响应式

Question

2015年11月 - 仍在寻找解决方案.

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

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