Мобильная версияОбеспечение совместимости HTML с мобильными устройствами ⇐ CSS
-
Гость
Обеспечение совместимости HTML с мобильными устройствами
Я использую таблицу стилей CSS, предлагаемую W3Schools.com, для разработки моего внешнего интерфейса, и у нее есть свойство класса с именем «w3-rightbar», которое обеспечивает правую границу толстой линией. Я хочу, чтобы эта «w3-rightbar» была скрыта в мобильном представлении. Для этого я использовал приведенный ниже CSS-скрипт:
@media только экран и (максимальная ширина: 480 пикселей) { .w3-rightbar { display: none; } } Раздел 1 Содержание раздела 1
Раздел 2 Содержание раздела 2
Но происходит следующее: для всего содержимого Div 1 вместе с правой панелью устанавливается значение «нет». Я хочу, чтобы для правой панели было установлено значение «нет».
Я использую таблицу стилей CSS, предлагаемую W3Schools.com, для разработки моего внешнего интерфейса, и у нее есть свойство класса с именем «w3-rightbar», которое обеспечивает правую границу толстой линией. Я хочу, чтобы эта «w3-rightbar» была скрыта в мобильном представлении. Для этого я использовал приведенный ниже CSS-скрипт:
@media только экран и (максимальная ширина: 480 пикселей) { .w3-rightbar { display: none; } } Раздел 1 Содержание раздела 1
Раздел 2 Содержание раздела 2
Но происходит следующее: для всего содержимого Div 1 вместе с правой панелью устанавливается значение «нет». Я хочу, чтобы для правой панели было установлено значение «нет».
