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

Question

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

当我打开移动应用我得到这个，而不是尺寸：

你怎么能看到的大小是不正确服用。我通过代码设置维度，而不是在CSS中。我再说一遍，这是在桌面上工作，但不是在手机上，为什么会发生这种情况？

JSFIDDLE

CODE：

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

Answer 1

你必须设置在CSS媒体允许它在移动设备正确打开，如果你使用的是引导，它已经适应的布局移动。如果没有，你必须手动指定它。

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

在你的HTML：

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

编码快乐..;）