使一个大的旧网站移动友好:导航

时间:2015-03-10 18:10:06

标签: css html5 mobile viewport navigationbar

我有一个我多年来一直在成长的旧网站, www.vintagewatchstraps.com。几乎所有页面都以HTML5格式验证。

现在谷歌开始抱怨它不适合移动设备。我可以添加" meta name = viewport"业务,我知道我需要将宽度改变为百分比而不是像素,但最让我困扰的是导航。

我一直在阅读关于在Medialoot和Lisa Catalano制作移动友好的CSS导航栏,但他们提供的示例只有几页。如果我在他们建议的小屏幕上将我的导航显示为垂直列表,我的70多个导航链接将永远持续下去。我发现,所有将网站改为移动设备的示例都不包含有大量内容和网页的网站。

对于如何处理此问题的任何建议都将非常感激。

亲切的问候 - 大卫

1 个答案:

答案 0 :(得分:0)

一些想法:

  • 你真的需要菜单中的所有链接吗?请尝试仅包含人们希望看到的主要内容,因为人们无论如何都不太可能在移动设备上阅读您的整个网站。

  • 有两层菜单:标题显示另一个带子类别的幻灯片菜单

  • 在菜单顶部放置一个搜索框