2016-08-09 7 views
1

Dies ist der Code ich verwende in Chrom Gerätemodus wählen Sie die Option Liste Überlauf der Gerätebreite ich keine nicht seine in realen Geräten kommen und auch Anbei mein Screenshot hier enter image description hereDesign Themen in Chrom Gerätemodus

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    <h2>Form control: select</h2> 
 
    <p>The form below contains two dropdown menus (select lists):</p> 
 
    <form role="form"> 
 
    <div class="form-group"> 
 
     <label for="sel1">Select list (select one):</label> 
 
     <select class="form-control" id="sel1"> 
 
     <option>1</option> 
 
     <option>2</option> 
 
     <option>3</option> 
 
     <option>4</option> 
 
     </select> 
 
     <br> 
 

 
    </div> 
 
    </form> 
 
</div> 
 

 
</body> 
 
</html>

Antwort

1

Nein, dies wird in Ihrem Gerät angezeigt. Der Überlauf der Optionslistenelemente ist auf das Betriebssystem (Fenster) zurückzuführen. Wenn Sie dies in einem anderen Browser testen. Es wird mit der Standardeigenschaft schüchtern (bedeutet, wenn Sie nicht mit css oder js anpassen).

Und wenn Sie dies auf Android sehen, wird es in Ordnung sein und auf dem iPhone wird es dann mit iPhone Standard-Optionsfeld angezeigt.

enter image description here

0

Sie fragte nicht wirklich eine Frage irgendwelcher Art, die besagt, nur eine Tatsache, von dem, was Chrome tut ... ich bin nicht sicher, wie das passt mit dieser Seite in, aber trotzdem:

Es gibt nichts ist falsch mit deinem Code, so verhält sich der Design-Modus, um die volle Länge der Optionen in deinem Drop-Down anzuzeigen.

Auf einem echten Gerät wird dies entweder nativ in iOS oder in der Breite des Darstellungsbereichs angezeigt.