我正在使用较旧的JQuery自动完成插件(此处显示的一个-http://view.jquery.com/trunk/plugins/autocomplete/demo/)。它旨在用于移动应用程序。该插件在桌面浏览器中可以正常工作。但是,在移动设备上,自动完成建议的插件列表看起来非常非常小,根本无法阅读。

我尝试在CSS中将“ em”值用于字体大小和行高。此外,我已经在CSS中添加了它-

@viewport {
  width: device-width;
}


但是没有运气! :(

我已经为我的移动应用广告设置了元视口,其余页面都很好。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>


这样,JQuery插件似乎可以正常工作,因为如果我设法单击这些小行之一-我的文本字段中的值就正确了。但是,自动完成列表太小而难以阅读,我无法找出正确的CSS来使此工作正常进行。任何指针/建议将不胜感激!

TIA,
-Manish

最佳答案

可能是您必须为移动设备单独定义css属性。例如 :

@media all and (max-devide-width: 480px){
    .head{
       width:200px;
           height:50px;
     }
}

关于css - jQuery Autocomplete(旧版插件)列表在移动设备上显得很小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7978007/

10-11 23:27
查看更多