上的智能手機選擇尺寸有正常尺寸

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> 

編碼快樂..;）