Android Browser Scaling with target-densityDpi via Viewport TAG

0 Shares
0
0
0
0
0
0
0

Here is a list of options for “target-densityDpi”.
device-dpi: Use the device’s native dpi as target dpi.
low-dpi: 120dpi
medium-dpi: 160dpi, which is also the default as of today
high-dpi: 240dpi : We take any number between 70 and 400 as a valid target dpi

<meta name="viewport"
ย  ย  ย  content="
ย  ย  ย  ย  ย  height = [pixel_value | device-height] ,
ย  ย  ย  ย  ย  width = [pixel_value | device-width ] ,
ย  ย  ย  ย  ย  initial-scale = float_value ,
ย  ย  ย  ย  ย  minimum-scale = float_value ,
ย  ย  ย  ย  ย  maximum-scale = float_value ,
ย  ย  ย  ย  ย  user-scalable = [yes | no] ,
ย  ย  ย  ย  ย  target-densitydpi = [dpi_value | device-dpi |
ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย  ย high-dpi | medium-dpi | low-dpi]
ย  ย  ย  ย  ย  " />

For Example
<meta name=”viewport” content=”user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=medium-dpi” />