我想知道是否可以在同一个HTML文件上创建两个不同的导航栏。 我的意思是,我已经有了一个我为移动媒体查询构建的,但我不确定是否可以将使用CSS和JS的相同代码转换为计算机媒体查询。 我认为这不会是好的,如果我有两个不同的导航栏,我只是显示没有一个取决于我使用的查询。。。
一般的方法是你有一个导航栏。 然后使用CSS控制桌面视图中发生的事情和移动视图中发生的事情。 正如你自己指出的,你有媒体对此提出质疑。
这其中有相当多的原因。 编程的第一个学习步骤之一就是冗余是不好的。 在小型的个人项目中,它可能不会对您造成太大的伤害,但是想象一下大型应用程序,在这些应用程序中,您必须从一个文件跳到另一个文件,从一个节跳到另一个节,只是为了复制粘贴相同的更改,或者对应用程序中的相同元素进行更改。 它变得非常的单调乏味,而且只是乞求人为错误的发生。
我的建议是:
--少即是多。
-三思而后行,密码一次。
不要在你的解决方案中追求冗余,即使它现在对你来说似乎更简单。 这是一个坏习惯,最好早点改掉。
话虽如此,但在进行响应式web开发时,有一些工具可以为您节省大量时间,并使您的工作变得更加容易。 其中比较流行的一种是bootstrap。 使用CSS框架或JavaScript库并不是一件坏事。 不用再发明轮子了。 让CSS框架处理响应性,然后您可以关注其他样式,或者在需要的地方调整响应性。 少了很多工作。