Question

我必须创建一个网站，并且在每个页面上都有一个顶部导航栏。准确地说，我有10个站点，当我不得不更改NavBar的内容时，我必须在每个站点中都对其进行更改。

这是什么最佳实践？

我试图创建一个带有NavBar的js文件（document.write“” .....），但是使用此解决方案，我必须将html代码转换为JS代码，这不是我最喜欢的解决方案吗？

有更好的方法吗？

感谢您的回答。

Answer 1

我认为您应该创建一个navbar.html文件，包含导航栏的代码，然后

    <?php
         include 'navbar.html';
     ?>

Answer 2

首先，您可以在CSS中使用媒体，

@media规则在媒体查询中用于为不同的媒体类型/设备应用不同的样式。

用我的话来说，您可以根据屏幕的宽度来指定不同的样式。

第二种方法是浏览器对象模型。 BOM，screen.width可以返回当前浏览器宽度的宽度。