【发布时间】：2016-03-06 08:03:22
【问题描述】：
我正在使用
http://responsiweb.com/themes/preview/ace/1.3.5/jqgrid.html
在移动视图中，当用户单击网格的搜索图标时，会出现一个带有一些下拉选项的模式弹出窗口。但是这些下拉选项在移动视图中无法正常显示。
我不是 css 媒体查询专家，请帮我找出原因。
提前致谢。
【问题讨论】：
-
您在测试中使用哪个网络浏览器以及在哪个设备上？我无法重现该问题。此外，您使用 Guriddo jqGrid JS - v5.0.1 作为 jqGrid，我不太了解。我开发了 jqGrid 的 alternative fork：free jqGrid，它具有对 Bootstrap 的本机支持。可以相对轻松地自定义免费 jqGrid 的外观，使其与您使用的图片相同。
-
一个需要创建新的
iconSet，它使用baseIconSet: "fontAwesome"（参见the changes的评论）和guiStyles，它使用baseGuiStyle: "bootstrap"（如here） -
@Oleg 感谢您的调查。我也可以在您的演示页面上重现。 ok-soft-gmbh.com/jqGrid/OK/formEditOnDoubleClick-bootstrap.htm 打开链接 chrome 浏览器并在浏览器本身中切换到移动视图。然后通过打开任何下拉菜单进行检查。打开页面大小选项下拉菜单，您会看到问题。
-
我不知道 Chrome 中的任何“移动视图”，但可以模拟其他设备。我应该效仿哪一个？我在发布上面的 cmets 之前尝试了某人，但我看不到任何文本被剪切的情况，就像你的屏幕截图一样，
-
我正在使用 chrome 浏览器在 chrome 浏览器中打开链接，然后按 F12 并单击左下角的移动小图标切换到移动设备视图，然后尝试打开页面上的任何下拉菜单会看到问题。
标签： javascript css jqgrid media-queries