Lumia 1520 IE11 mobile -> window.devicePixelRatio = 2.217964285714286 Lumia 1520 UAP 环境 -> window.devicePixelRatio = 2.200000047683716…

window属性:devicePixelRatio 设备像素比 https://www.w3cschool.cn/fetch_api/fetch_api-atvq2nma.html devicePixelRatio属性示例 一个 canvas 在视网膜屏幕上可能显得太模糊.使用  window.devicePixelRatio 以确定应该添加多少额外的像素密度以允许更清晰的图像. px:pixel 像素…

本文所说devicePixelRatio其实指的是window.devicePixelRatio, 被所有WebKit浏览器以及Opera所支持,随着显示器的发展,这个属性也慢慢登上了前端技术的舞台. 本文内容大部分属于翻译性质内容,因此,会不那么通俗易懂.不过,你是做手机开发的,或是有意向的,本文的内容如果细细读来,还是有些收获的. 一.定义 window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例.…

就在今天凌晨,微软放出了Windows 10 Mobile Technical Preview的升级,喜欢吃螃蟹的人总是希望可以在第一时间尝试新的系统,我也不例外. 本次升级涵盖了从Lumia 520到Lumia 1520诸多设备,比较可惜的是Lumia 930及Icon并不在本次升级的范围之内. 有很多朋友会询问升级的方法,不是很麻烦,但是要清楚升级预览版系统可能会带来各种花样的问题,比如: 数据链接无法开启或关闭 无法设置为飞行模式 安装在SD卡上的应用会重新安装 电话磁贴会从开始屏幕消失…

听说Windows 10 Mobile 的 Continuum 特性很长时间了,但是由于我自己的 Lumia 930 不在支持之列,一直没能体验到这个功能.今天在酷七看到了这篇文章,按文章所述的步骤进行操作后,果然解锁并使用上了 Continuum 功能,心里还是有些小激动的.使用中没有发现 Lumia 930 的硬件造成的软件卡顿或运行不畅,只是你无法使用所连接PC上的鼠标和键盘,最好的办法是像文中所说的使用蓝牙键鼠. 下面将这篇文章转载如下: 感谢PCbeta远景论坛网友 Leo Liu 和…

笔者近期会发布多篇<Windows 10 Mobile 演示>文章,帮助想买 Windows 10 手机的朋友了解 Windows 10 Mobile 系统特色.今天给大家带来 Windows 10 Mobile 自带输入法演示: 滑行输入法,期待已久,之前 Windows phone 8.1 仅有 英文有滑行输入法 语音输入法:非常适合写日记,说一句,上面会显示一句,而且不用重复点语音图标,它会一句一句聆听显示. Lumia 1520 大屏手机可以将键盘设置为单手模式,非常方便: 输入法很多…

mobile chart & f2 https://www.yuque.com/antv/f2/getting-started https://antv.alipay.com/zh-cn/f2/3.x/demo/index.html npm install @antv/f2 --save // import 或 require const F2 = require('@antv/f2'); <canvas id="myChart" width="400"…

如果你是一个开始接触移动Web开发的前端工程师,那么你或许也遇到了和我曾经遇到的过问题:有太多新的概念需要掌握,太多相似的概念需要区分.没关系,我将用两篇文章的篇幅来解决这些问题.上篇文章关于解释和区分一些入门级别概念. 这些概念你或许一直在各种场合看到或者听说,好像熟的很,但你真的了解它们背后的含义吗?下篇文章我们就需要用到这些概念,聊一聊移动设备上的图片加载方案.至于响应式设计,已经有太多写的非常好的文章来叙述它们,这次在这里我就不赘述了. 我们先从听说最多一个概念——PPI开始. PPI…

devicePixelRatio window.devicePixelRatio是设备上物理像素和逻辑像素的比例.公式表示就是:window.devicePixelRatio = 物理像素 / 逻辑像素 解释 这张图中第一行的「像素」(Points) 就是所谓的「逻辑像素」. 在 iPhone 4 前的时代,逻辑像素和物理像素是一一对应的——即,设计中的一个点对应屏幕硬件上的一个像素点. iPhone 4 之后,Retina 屏幕出现.在 Retina 屏幕上,使用 4 个硬件上的像素点 (2…

本文实际上想说的是ios8下 1px解决方案. 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px,在iphone 6 plug 下,更显示成3px.由其影响美感. 还好,时代总是进步的.也许很多人都不知道, 现在IOS8下,已经支持0.5px了.. 那么意味着,在devicePixelRatio = 2下,我们可以使用如下的css代码: 但是在ios7以下,android等其他系统里,0.5px会被显示为0px,即该解决方案需要写hack兼容老旧系统. 三种…