前提:
1.target-densitydpi=high-dpi
2.微信端
540尺寸小,其他尺寸都正常的节奏。
百解不得其思
做了四种安卓target-densitydpi的判断
用了320、540 和 720的小米,图片页面 image.html
其实用百分比 很好了,如果是像素才要区分那么多的问题,最终选择了high,虽然在540 中会变得很小,但是320、720、都还是很正常的
早期的记录:
在做手机项目中css(viewport 具体叫什么?控制屏幕大小)
<meta name="viewport" content="target-densitydpi=640*320/x,width=device-width, initial-scale=.5, maximum-scale=.5, minimum-scale=.5">
width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放
在安卓的手机中还要加上一句 target-densitydpi=640*320/x
对于ios设备,设置width可以生效,但对于android,设置width并不会生效。ios设备,缩放的比率即dpi是通过你设置的width和 设置真实分辨率自动计算的,而android下你设置width无效,你能设置的是一个特殊的字段target-densitydpi
一个屏幕像素密度是由屏幕分辨率决定的,通常定义为每英寸点的数量(dpi)。Android支持三种屏幕像素密度:低像素密度,中像素密度,高像素密度。
- device-dpi –使用设备原本的 dpi 作为目标 dp。 不会发生默认缩放。
- high-dpi – 使用hdpi 作为目标 dpi。 中等像素密度和低像素密度设备相应缩小。
- medium-dpi – 使用mdpi作为目标 dpi。 高像素密度设备相应放大, 像素密度设备相应缩小。 这是默认的target density.
- low-dpi -使用mdpi作为目标 dpi。中等像素密度和高像素密度设备相应放大。
- <value> – 指定一个具体的dpi 值作为target dpi. 这个值的范围必须在70–400之间。