將大導航變爲移動設備的下拉列表

Question

我正在構建響應式網站，而主站點導航包含10個鏈接。當屏幕尺寸小於480px時，我已經看到一些網站將其導航壓縮到簡單的下拉選擇菜單中，但我找不到任何解釋如何做到這一點的教程 - 除了這裏的CSS技巧之外：

http://www.css-tricks.com/convert-menu-to-dropdown/

我試過這個教程，但沒有任何與它的成功爲我實現的代碼，是我得到的iPhone一個可愛的菜單，但鏈接不工作，點擊它使頁面放大，這是不可取的，因爲當我沒有適當的菜單時，這不會發生。

我正在尋找在這些網站上使用一些簡單的像：

http://www.hanselman.com/blog/

http://www.lancs.ac.uk/

的人？

Answer 1

我設法找到這個代碼片段上http://www.w3schools.com這裏：

http://www.w3schools.com/js/tryit.asp?filename=tryjs_selectmenu

實現了它和它的作品就好了 - 剛剛加入行動=「」的形式標記來讓頁面驗證。