How do I combine two media queries?

by

Not fully clear what you want to combine, but basically you separate them with a comma

eg

@media only screen and (orientation : landscape) , only screen and (min-device-width : 481px) and (orientation : portrait) { ...

More Related Contents:

  1. Can media queries resize based on a div element instead of the screen?
  2. Why does the order of media queries matter in CSS?
  3. What is the difference between “screen” and “only screen” in media queries?
  4. Twitter Bootstrap 3: how to use media queries?
  5. CSS media queries: max-width OR max-height
  6. Nesting @media rules in CSS
  7. Media query to detect if device is touchscreen
  8. Common CSS Media Queries Break Points [duplicate]
  9. CSS media query to target only iOS devices [duplicate]
  10. What does @media screen and (max-width: 1024px) mean in CSS?
  11. CSS native variables not working in media queries
  12. CSS media queries – Order matters?
  13. Extending selectors from within media queries with Sass
  14. Responsive css styles on mobile devices ONLY
  15. Which are the most important media queries to use in creating mobile responsive design?
  16. CSS media queries min-width and min-device-width conflicting?
  17. IE7, IE8 support for css3 media query [duplicate]
  18. calc() not working within media queries
  19. Max-Width vs. Min-Width
  20. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  21. How to make responsive table [closed]
  22. iPhone X / 8 / 8 Plus CSS media queries
  23. How can I avoid media query overlap?
  24. Bootstrap – Removing padding or margin when screen size is smaller
  25. Single vs multiple stylesheets in responsive web design
  26. @import styles not working in a media query
  27. Media queries and background images
  28. Media Queries – Mobile vs Desktop Browser
  29. @media query not working in mobile. Works fine in Chrome
  30. @media media query and ASP.NET MVC razor syntax clash

Leave a Comment