我遇到了一个困扰我好几个小时的问题。我正在构建的主页是使用CSS网格布局，一切都是正常的，直到"纵向平板"，但现在我想调整侧边栏和"横向平板"中的网格布局。一切都搞砸了，侧边栏不会显示自己。甚至网格也乱了，不符合我给它列的尺寸。
整个项目(它只是主页)与它的代码都在我的GitHub页网站本身是这里.
如果有人能帮我解决这个让我抓狂的问题，我将非常非常感激。
提前感谢!
嗨
为768px => portrait添加样式，而忘记了768px => landscape
选择320px => landscapestyles
正文grid-template-areas指定的问题
采用这种样式
grid-template-areas:
"header"
"main";
边栏不显示
添加在底部部分的主要样式上次编辑
/* Bottom Banner for Tablet Landscape Screens */
@media only screen and (min-width: 768px) and (orientation: landscape) {
body {
grid-template-areas:
"header header"
"sidebar main";
}
}
我在github上的Pull Request中向您发送编辑，请参阅