智能手机上的选择尺寸具有正常尺寸

Question

在我的网络应用程序中，我创建了一个具有size: 5的选项，正确显示了如何从图像中看到：

当我在移动设备上打开应用时，我得到了这个维度：

如何才能看到尺寸未正确使用。我通过代码而不是在CSS中设置维度。我再说一遍，这是在桌面上工作但不在移动设备上，为什么会发生这种情况呢？

JSFIDDLE

CODE：

<select style='width:200px' size="5"></select>

Answer 1

你必须在css中设置媒体以允许它在移动设备中正确打开，如果你使用的是bootstrap，它已经适合移动设备的布局。如果不是，你必须手动指定它。

    @media only screen and (max-height:480px) and (orientation:portrait) { 
    .text-box
     { width: 200px; 
       size: 5;
     }

在你的HTML中：

<select class="text-box"></select>

快乐编码..;）