Android 浏览器分辨率调整,让Android上的浏览器用设备实际像素打开你的网页

最近做了一个网站，发现在Android平板浏览器下访问，分辨率并不是设备自己的像素。我用的是华为荣耀平板，设备实际的分辨率是1280x800，但是我用js测算出来的document.body.clientWidth只有980px。

说明Android下浏览器默认的并不是实际像素，而是中像素密度。(注：Android支持三种屏幕像素密度：低像素密度，中像素密度，高像素密度)

为了防止Android Browser和WebView根据不同屏幕的像素密度对你的页面进行缩放，就要在网页里加上一段代码，控制网页展示的分辨率。

这里面，target-densitydpi的功能就是指定屏幕像素密度DPI。它的参数有：

device-dpi –使用设备原本的 dpi 作为目标dpi。不会发生默认缩放。

high-dpi – 使用hdpi作为目标dpi。中等像素密度和低像素密度设备相应缩小。

medium-dpi – 使用mdpi作为目标dpi。高像素密度设备相应放大，像素密度设备相应缩小。这是默认的target density。

low-dpi -使用mdpi作为目标dpi。中等像素密度和高像素密度设备相应放大。

– 指定一个具体的dpi值作为target dpi。这个值的范围必须在70–400之间。

Android 浏览器分辨率调整,让Android上的浏览器用设备实际像素打开你的网页相关推荐

【SemiDrive源码分析】【MailBox核间通信】45 - Android侧 RPMSG_IPCC_RPC驱动分析（上）之 RPMSG设备与 RPMSG驱动匹配过程分析
[SemiDrive源码分析][MailBox核间通信]45 - Android侧 RPMSG_IPCC_RPC驱动分析(上) 之 RPMSG设备与 RPMSG驱动匹配过程分析一. IPCC_R ...
android 屏幕分辨率屏幕密度,Android屏幕适配——多分辨率多屏幕密度
为什么要适配,适配的好处等等这里就不说了,直接说我们要怎么适配,请看下面的内容. 1.重要概念 px:pixel,像素Android原生API,UI设计计量单位,如获取屏幕宽高. 屏幕分辨率:指在纵向 ...
android 主流分辨率是多少,android 屏幕分辨率问题
iPhone的icon设计就这么简单,iPhone的屏幕只有320×480像素,所以程序没有适配性问题. Android 在研究Android的icon设计之前,有必要先了解Android的界面是如何 ...
android 屏幕分辨率屏幕密度,android分辨率,屏幕尺寸,屏幕密度关系
名词定义分辨率分辨率就是手机屏幕的像素点数,通常描述成屏幕的"宽×高",安卓手机屏幕常见的分辨率有480×800.720×1280.1080×1920等.720×1280表示此 ...
android相机分辨率是多少,Android相机套装分辨率
我已经构建了一个自定义的相机应用程序,我正在尝试更改所拍摄图像的分辨率.我已经读过这可能取决于Android的手机或版本? 我知道他们是使用setParameters设置的,但只是不知道如何设置所有手 ...
linux占内存小的浏览器,基于μCLinux嵌入式操作系统上的浏览器内存管理策略研究详解...
0 引言在嵌入式系统中,由于设备性能限制系统总的可分配内存相对较小,而在嵌入式平台上浏览器正常运行所需内存一般都比较大,并且内存分配和释放操作也比较频繁,例如,IPTV EPG界面上显示各类菜单按钮 ...
微信浏览器字体调整 PHP,如何针对微信浏览器的调整字体大小功能进行适配？...
微信jssdk,有个初始化字体的方法 (function() { if (typeof WeixinJSBridge == "object" && typeof W ...
新版火狐浏览器怎么调整字体火狐浏览器字体调整技巧分享
相信有了解的朋友都清楚,官方在新版火狐浏览器中不仅优化了UI设计,还带来了一些细微的变化与改进.那么,新版火狐浏览器该怎么调整字体呢?下面小编就来分享一下火狐浏览器字体调整技巧,有需要的朋友可以稍作参 ...
android分辨率 x y,Android - 确定不同分辨率的位图上的特定位置（X，Y坐标）？
我正在尝试创建的应用程序是棋盘游戏.它将有一个位图作为棋盘和棋子,移动到棋盘上的不同位置.该板的一般设计是方形的,具有一定数量的行和列,并具有用于外观的边框.想象一下国际象棋棋盘或拼字游戏板.Andr ...

Android 浏览器分辨率调整,让Android上的浏览器用设备实际像素打开你的网页

Android 浏览器分辨率调整,让Android上的浏览器用设备实际像素打开你的网页相关推荐

最新文章

热门文章