<head> <titile> by phantom </titile> </head>
代码显示:
<style type="text/css"> img{ max-width:100%;} video{ max-width:100%; height:auto;} header ul li{ float:left; list-style:none; list-style-type:none; margin-right:10px;} header select{display:none;} @media (max-width:960px){ header ul{ display:none;} header select{ display:inline-block;} } </style> <body> <header> <ul> <li><a href="#" class="active">Home</a></li> <li><a href="#">AAA</a></li> <li><a href="#">BBB</a></li> <li><a href="#">CCC</a></li> <li><a href="#">DDD</a></li> </ul> <select> <option class="selected"><a href="#">Home</a></option> <option value="/AAA">AAA</option> <option value="/BBB">BBB</option> <option value="/CCC">CCC</option> <option value="/DDD">DDD</option> </select> </header> </body>
<meta name="viewport" content="width=device-width, initial-scale=1" />