Html 带显示的基本布局：用于手机、平板电脑和桌面的网格（CSS网格）

是否有人提供了标题中包含要求的工作示例布局？我还需要一个带有

的主导航，它在全球范围内用于手机、平板电脑和桌面

布局应使用以下HTML5元素：

<nav> for the Main Navigation
<header> for Title, Logos, Burger-Menue-Button
<main> for the main Content
<footer> for Footer Content

主导航的

标题、徽标、汉堡菜单按钮
主要内容
对于页脚内容

断点是：

• 从0px到599px的手机
• 从600像素到1023像素的平板电脑
• 桌面所有视口的最小值为1024px

手机和平板电脑的导航栏应显示在左侧，可通过Burger Menue按钮打开。对于桌面，导航栏位于

和

之间的顶部

非常感谢您的示例代码和帮助：）

---

祝您有愉快的一天：）

您可以使用引导设计来解决这个问题吗

---

没有。。。我想使用原生CSS3和HTML5以及新的网格系统。