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

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的情况,这似乎很奇怪.

解决方法

我有类似的问题,并设法通过使用此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).