带显示的基本布局:用于手机,平板电脑和桌面的网格(CSS网格)

时间:2017-05-18 14:02:16

标签: html5 css3 media-queries

有人在标题中有要求的布局吗?我还需要一个<nav>的主导航,全局用于手机,平板电脑和桌面。

以下HTML5元素应用于布局:

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

断点是:

  • 手机从0px到599px
  • 平板电脑从600px到1023px
  • 从最低1024px
  • 桌面显示所有ViewPorts

导航栏应显示在左侧,用于手机和平板电脑,可由Burger-Menue-Button打开。对于桌面,导航栏位于<header><main>

之间的顶部

非常感谢您的工作示例代码和您的帮助:) 祝你有愉快的一天:)

1 个答案:

答案 0 :(得分:0)

您可以使用bootstrap Design解决此问题。

http://getbootstrap.com/