Retrieves the actual number of horizontal dots per inch (DPI) of the system's screen.
Syntax
[ nActDPI = ] screen.deviceXDPI
Possible Values
| nActDPI | Integer that
receives the DPI. |
The property is read-only.
The property has no default value.
Remarks
deviceXDPI was introduced in Microsoft Internet Explorer 6
On most systems, there is no difference between horizontal and vertical DPI.
For information about how Internet Explorer 6 and later can adjust the scale of the display on screens with higher-than-normal DPI, see Adjusting Scale for Higher DPI Screens.
Examples
The following examples use the deviceXDPI property to retrieve the horizontal DPI of the screen.
This example uses the deviceXDPI and logicalXDPI properties to calculate the horizontal scale factor that Windows Internet Explorer is applying. The function in this example returns 1 if Internet Explorer is not adjusting the scale of the screen.
<script>
function fnScaleFactorX() {
var nScaleFactor = screen.deviceXDPI / screen.logicalXDPI;
return nScaleFactor;
}
</script>
This example uses the zoom property of the BODY element to adjust the scale of the page "manually" if Internet Explorer is not adjusting the scale of the screen and the user's horizontal DPI is higher than normal. This is a simple but imprecise way to make a document look the same on higher resolution screens. You can achieve finer control over the layout of your documents by modifying the properties of individual elements or groups of elements.
<script>
// change layout on HighDPI screens when IE not scaling
function fnScaleManually()
{
// normal DPI
var constNorm = 96;
// scaling is off and DPI higher than normal
if ((screen.deviceXDPI == screen.logicalXDPI)
&& (screen.deviceXDPI > constNorm))
{
document.body.style.zoom =
constNorm / screen.logicalXDPI;
}
}
</script>
Standards Information
There is no public standard that applies to this property.
Applies To
See Also
deviceYDPI, logicalXDPI, logicalYDPI