页面调整大小时，<select>的内容消失

Question

我的页面上连续3个html选项通常显示正常。但是，当页面调整大小低于某个宽度时，所有选择的内容都会消失。您可以在此处查看两个州： 正常宽度截图 调整屏幕大小 我正在使用Bootstrap 2.3.2，这些只是普通的选择标签，没有额外的样式或Javascript。有人知道如何防止我的选择标签的内容在页面调整大小时消失吗？使用不同版本的Bootstrap不是一种选择。我坚持使用2.3.2。 此外，如果我继续减小宽度，选择的内容将返回。我猜这与引导程序和响应性等有关，但我对Bootstrap知之甚少，无法确定原因。 我能够使用Chrome开发者工具，发现当选择中的文字消失时，如果我禁用以下字体大小： @media（最大宽度：1024px）和（最小宽度：481px） label，button，select，.uiGrid.table td，.uiGrid.table th {     font-size：inherit; } 选择中的文本重新出现。不幸的是，在我无法控制的共享库中定义了一点CSS。 根据要求，这是我用于将选择添加到页面的代码：             ＆lt; div class =＆＃34; pull-left＆＃34;＆gt;             ＆lt; div class =＆＃34; btn-toolbar＆＃34; style =＆＃34; margin：0;＆＃34;＆gt;                 ＆lt; div class =＆＃34; btn-group＆＃34;＆gt;                     ＆lt; select class =＆＃34; input-medium＆＃34;＆gt;                         ＆lt; option＆gt;选择1＆lt; / option＆gt;                         ＆lt; option＆gt; Value 2＆lt; / option＆gt;                         ＆lt; option＆gt; Value 3＆lt; / option＆gt;                         ＆lt; option＆gt; Value 4＆lt; / option＆gt;                     ＆LT; /选择＆GT;                 ＆LT; / DIV＆GT;                 ＆lt; div class =＆＃34; btn-group＆＃34;＆gt;                     ＆lt; select class =＆＃34; input-medium＆＃34;＆gt;                         ＆lt; option＆gt;选择2＆lt; / option＆gt;                         ＆lt; option＆gt; Value 2＆lt; / option＆gt;                         ＆lt; option＆gt; Value 3＆lt; / option＆gt;                         ＆lt; option＆gt; Value 4＆lt; / option＆gt;                     ＆LT; /选择＆GT;                 ＆LT; / DIV＆GT;                 ＆lt; div class =＆＃34; btn-group＆＃34;＆gt;                     ＆lt; select class =＆＃34; input-medium＆＃34;＆gt;                         ＆lt; option＆gt;选择3＆lt; / option＆gt;                         ＆lt; option＆gt; Value 2＆lt; / option＆gt;                         ＆lt; option＆gt; Value 3＆lt; / option＆gt;                         ＆lt; option＆gt; Value 4＆lt; / option＆gt;                     ＆LT; /选择＆GT;                 ＆LT; / DIV＆GT;             ＆LT; / DIV＆GT;         ＆LT; / DIV＆GT;

Answer 1

拿起锤子并覆盖media query中的CSS内容：

@media (max-width: 1024px) and (min-width: 481px)
label, button, select, .uiGrid.table td, .uiGrid.table th {
    font-size: (whatever value you need ie. 24px) !important;
}