我正在使用较旧的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/