Я продолжаю получать ошибку «Ожидаемая фигурная скобка» и «Неожиданный токен»

#css #wordpress #responsive-design

#css #wordpress #адаптивный дизайн

Вопрос:

Итак, я создаю веб-сайт в WordPress и хочу, чтобы заголовок был полноэкранным, но у меня возникают проблемы с отзывчивостью, поэтому я хотел сделать так, чтобы код, который я использую, применялся только к настольным ПК и планшетам; однако я продолжаю получать эти ожидаемые ошибки в скобках и неожиданных токенах. Кто-нибудь знает, как это решить? Может быть, есть лучший способ исправить мою проблему, если да, пожалуйста, дайте мне знать.. Это код, о котором я говорю:

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

Ответ №1:

Вам нужно выбрать элемент для оформления, а вы этого не сделали.

Что-то вроде

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

Комментарии:

1. Я редактирую в теме Divi WordPress и размещаю эту ccs в определенном разделе, который предназначен для элемента, который я создаю. Однако при нажатии справки говорится: «добавленный здесь css нацелен на следующий класс: .et_pb_section_o». Я попробовал @media only screen и (минимальная ширина: 768 пикселей) { .et_pb_section_0 { минимальная высота: 100 вч; дисплей: гибкий; направление сгибания: столбец; } }