#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 вч; дисплей: гибкий; направление сгибания: столбец; } }