一般使用的分辨率的显示密度是多少dpiHTML+Css让⽹页⾃动适应电脑⼿机屏幕
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
在⽹页的<head>中增加以上这句话，可以让⽹页的宽度⾃动适应⼿机屏幕的宽度，其中：
width=device-width ：表⽰宽度是设备屏幕的宽度
height=device-height ：表⽰宽度是设备屏幕的宽度
initial-scale=1.0：表⽰初始的缩放⽐例(初始规模为1.0倍，即原始⼤⼩)
minimum-scale=0.5：表⽰最⼩的缩放⽐例
maximum-scale=2.0：表⽰最⼤的缩放⽐例
user-scalable=yes或者1：表⽰⽤户是否可以调整缩放⽐例(no或者0：表⽰不可调整缩放⽐例)
target-densitydpi:⼀个屏幕像素密度是由屏幕分辨率决定的，通常定义为每英⼨点的数量（dpi）。Android⽀持三种屏幕像素密度：低像素密度，中像素密度，⾼像素密度。⼀个低像素密度的屏幕每英⼨
上的像素点更少，⽽⼀个⾼像素密度的屏幕每英⼨上的像素点更多。Android Browser和WebView默认屏幕为中像素密度。
下⾯是 target-densitydpi 属性的取值范围:
device-dpi –使⽤设备原本的 dpi 作为⽬标 dp。不会发⽣默认缩放。
high-dpi – 使⽤hdpi 作为⽬标 dpi。中等像素密度和低像素密度设备相应缩⼩。
medium-dpi – 使⽤mdpi作为⽬标 dpi。⾼像素密度设备相应放⼤，像素密度设备相应缩⼩。这是默认的target density.
low-dpi -使⽤mdpi作为⽬标 dpi。中等像素密度和⾼像素密度设备相应放⼤。
<value> – 指定⼀个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。
为了防⽌Android Browser和WebView 根据不同屏幕的像素密度对你的页⾯进⾏缩放，你可以将viewport的target-densitydpi 设置为 device-dpi。当你这么做了，页⾯将不会缩放。相反，页⾯会根据当前屏幕的像素密度进⾏展⽰。在这种情形下，你还需要将viewport的width定义为与设备的width匹配，这样你的页⾯就可以和屏幕相适应。
如果是想要⼀打开⽹页，则⾃动以原始⽐例显⽰，并且不允许⽤户修改的话，则是：
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。