Get the device width in javascript

by

You can get the device screen width via the screen.width property.
Sometimes it’s also useful to use window.innerWidth (not typically found on mobile devices) instead of screen width when dealing with desktop browsers where the window size is often less than the device screen size.

Typically, when dealing with mobile devices AND desktop browsers I use the following:

 var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;

More Related Contents:

  1. Possible to disable @media queries or force a resolution? Reason: Allow an iphone to see the desktop site?
  2. How to override css prefers-color-scheme setting
  3. Close ad to continue as free user?
  4. How to add a black shadow on top of a div block with background image?
  5. How to generate a simple popup using jQuery
  6. How to get a style attribute from a CSS class by javascript/jQuery?
  7. How do I edit a CSS variable using JS?
  8. Can I disable a CSS :hover effect via JavaScript?
  9. How to create a sticky navigation bar that becomes fixed to the top after scrolling
  10. Access CSS variable from javascript [duplicate]
  11. Force “landscape” orientation mode
  12. Use :hover to modify the css of another class?
  13. width/height after transform
  14. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  15. modify a css rule object with javascript [duplicate]
  16. “pointer-events: none” does not work in IE9 and IE10
  17. Using CSS3 Animations in IE9+
  18. Div Z-Index issue with Flash movie
  19. How to make jQuery to not round value returned by .width()?
  20. Dark mode flickers a white background for a millisecond on reload
  21. Preloading @font-face fonts?
  22. collapse and expand tabs jquery / simple accordion
  23. How to trigger CSS “hover state” using Javascript? [duplicate]
  24. Gaussian Blur onHover Using jQuery
  25. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  26. Clean way to programmatically use CSS transitions from JS?
  27. How to keep elements non-refreshed
  28. How do you swap DIVs on mouseover (jQuery)?
  29. How to get a leaflet map canvas to have a 100% height?
  30. Can I save input from form to .txt in HTML, using JAVASCRIPT/jQuery, and then use it?

Leave a Comment