Ist das nur mit CSS möglich?

Question

Ich habe ein Menü, das eine ungeordnete Liste ist.

Was ich tun möchte ist, dass, wenn die Breite des Bildschirms/Browser weniger als bestimmte Pixel ist, das Menü Optionen in Form, ist dies möglich, indem Sie nur CSS, aber nicht PHP, JS, noch andere Sprachen)?

Momentan kann ich nur an Medienabfragen von CSS denken, aber es kann nur das Menü formatieren, aber nicht von einer Liste zu den Optionen des Formulars ändern, irgendwelche anderen Vorschläge?

Vielen Dank,

Kenny

Answer 1

in bestimmten Breite angezeigt Was ist ein Menü zu zeigen, wenn Sie über die erwartete Bildschirmbreite sind und die anderen wenn der Benutzerbildschirm weniger oder gleich der benötigten Breite ist?

HTML:

<div id="menu"> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
    </ul> 
</div> 
<div id="menu-mobile"> 
    <form> 
      <input type="radio" name="menu" value="home"> 
      <input type="radio" name="menu" value="about"> 
    </form> 
</div> 

CSS:

#menu { 
    display: block; 
} 

#menu-mobile { 
    display: none; 
} 

@media only screen and (max-device-width: 600px) { 
    #menu { display: none; } 
    #menu-mobile { display: block; } 
} 

Answer 2

<ul></ul> 

und

<form> 
    <select></select> 
</form> 

sind ganz andere Sache.

Sie können nur das Menü in diesen 2 Formaten erstellen und CSS-Medienabfragen verwenden, um zu entscheiden, welche