Css 我不断收到一个“预期大括号”和“意外标记”错误

因此，我正在用Wordpress建立一个网站，我希望标题是全屏的，但我在响应方面遇到了问题，所以我想让它使我使用的代码只适用于台式电脑和平板电脑；但是，我不断得到这些预期的大括号和意外的标记错误。有人知道怎么解决这个问题吗？也许有更好的方法来解决我的问题，如果有，请让我知道。。这就是我所说的代码：

@media only screen and (min-width:768px){ 
  min-height: 100vh; 
  display: flex; 
  flex-direction: column;
}

---

您必须选择一个要设置样式的元素，但您还没有这样做

差不多

@media only screen and (min-width:768px){ 
 header {
     min-height: 100vh; 
     display: flex; 
     flex-direction: column;
   }
}

---

我正在编辑Divi wordpress主题，我将此ccs放在一个特定的部分，该部分针对我正在设计的元素。但是，当按下“帮助”按钮时，它会显示：此处添加的css针对以下类：.et_pb_section_o。我尝试了@media-only屏幕和最小宽度：768px{.et_-pb_-section{u-0{min-height:100vh；display:flex；flex-direction:column；}