在智能手机上选择尺寸为正常尺寸

在我的网络应用程序中，我创建了一个选择size: 5，正确显示，您可以从图像中看到：

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

您如何看到尺寸不正确。我通过代码而不是CSS设置尺寸。我再说一遍，这在桌面上有效，但在移动设备上不起作用，为什么会发生这种情况？

JSFIDDLE https://jsfiddle.net/7hc6f1xL/

CODE:

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

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

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

在你的html中：

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

快乐编码..;)