Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
An easy way to get the actual pixel width of a screen using JavaScript.
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
.gitattributes
.gitignore
README.md
getDevicePixelWidth-min.js
getDevicePixelWidth.js

README.md

GetDevicePixelWidth

Allows you to get the physical pixel width of a device using JavaScript.

Note: GetDevicePixelWidth includes [GetDevicePixelRatio]:(http://github.com/tysonmatanich/GetDevicePixelRatio)

Size and delivery

Currently, getDevicePixelWidth.js compresses to around 450 bytes (~0.4 KB), after minify and gzip. To minify, you might try these online tools: [Microsoft Ajax Minifier]:(http://ajaxmin.codeplex.com/), [Uglify]:(http://marijnhaverbeke.nl/uglifyjs), [Yahoo Compressor]:(http://refresh-sf.com/yui/), or Closure Compiler. Serve with gzip compression.

Sample

<script type="text/javascript">
    var devicePixelWidth = window.getDevicePixelWidth();
</script>

If you want to assume that the user is in landscape mode use the following:

<script type="text/javascript">
    var devicePixelWidth = window.getDevicePixelWidth(true);
</script>

Support

GetDevicePixelWidth supports a broad range of browsers and devices (there are currently no known unsupported browsers).

Something went wrong with that request. Please try again.