Как работать со средствами массовой информации?

Question

Привет, ребята Я использую следующий код, чтобы показать и скрыть некоторые элементы, но, похоже, он не работает на мобильных устройствах.

@media screen and (max-width: 768px) and (orientation : portrait) { 
    .drawer1 { 
     display: block; 
     top: 789px; 
    } 
    .drawer { 
     display: none; 
    } 
    .drawer1-content { 
     background: #fff; 
     background-repeat: no-repeat; 
     border-collapse: collapse; 
     height: 645px; 
     width: 100%; 
    } 
} 
@media screen and (min-width: 769px) { 
    .drawer { 
     bottom: 0px; 
     height: 700px; 
     overflow: hidden; 
     position: absolute; 
     width: 1024px; 
     z-index: 5; 
    } 
    .drawer1 { 
     display: block; 
    } 

Answer 1

..from код, который вы в курсе, выглядит, как вы пропустите} в конце ..

Также проверьте, если устройство имеет ширину менее 768px в первом случае и имеет шириной более 769px во втором случае (альбомной или портретной)

попробовать один из нескольких расширений, доступных на Chrome/Firefox/Opera, чтобы установить максимальную ширину окна просмотра и имитации мобильного устройства ..

от комментарий: , так что со спецификаций: IPAD 3gen: 2048 на 1536 пикселей .... здесь у вас есть свой ответ: D просто измените максимальную ширину и минимальную ширину. Или просто используйте атрибуты пейзажа и портрета.