What is the exact screen width and height of a phone? [duplicate]

by

Every phone is different. There is no standard.

To that end, your media queries should be designed with breakpoints in mind, not exact dimensions, to accommodate a wide range of devices in each of several categories. How exactly you do this is beyond the scope of this question, and too broad to be remotely adequately covered in a Stack Overflow Q&A.

More Related Contents:

  1. Media Queries: How to target desktop, tablet, and mobile?
  2. Can media queries resize based on a div element instead of the screen?
  3. What is the difference between max-device-width and max-width for mobile web?
  4. Why does the order of media queries matter in CSS?
  5. What is the difference between “screen” and “only screen” in media queries?
  6. Twitter Bootstrap 3: how to use media queries?
  7. CSS @media print issues with background-color;
  8. CSS media queries: max-width OR max-height
  9. Common breakpoints for media queries on a responsive site
  10. Nesting @media rules in CSS
  11. Should I use max-device-width or max-width?
  12. Common CSS Media Queries Break Points [duplicate]
  13. What are the rules for CSS media query overlap?
  14. @Media min-width & max-width
  15. CSS specificity, Media Queries and min-width
  16. CSS media queries – Order matters?
  17. Responsive css styles on mobile devices ONLY
  18. Media query not working in IE9
  19. CSS media queries min-width and min-device-width conflicting?
  20. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  21. How to detect if the OS is in dark mode in browsers?
  22. How to make responsive table [closed]
  23. How to code CSS media queries targeting ALL mobile devices and tablets?
  24. How to control number of items per row using media queries in Flexbox?
  25. How do I combine two media queries?
  26. Media Query grouping instead of multiple scattered media queries that match
  27. Bootstrap – Removing padding or margin when screen size is smaller
  28. Media queries and background images
  29. Media Queries – Mobile vs Desktop Browser
  30. @media media query and ASP.NET MVC razor syntax clash

Leave a Comment