Witam jak zapisać dwa warunki w css w @media screen
chciałbym połączyć:
@media screen (orientation:portrait) {
@media screen (max-width: 1200px) {
nie działa:
@media screen and ((orientation:portrait) or (max-width: 1200px)) {
To jest OR
:
@media (orientation: portrait), (max-width: 1200px) {
/* ... */
}
To jest AND
:
@media (orientation: portrait) and (max-width: 1200px) {
/* ... */
}
A jeżeli dodamy jeszcze screen
Niestety nie działa zapis:
@media (screen and (orientation:portrait)), (max-width: 1200px) {
Tak:
@media screen and (orientation:portrait), (max-width: 1200px){