首页
学习
活动
专区
工具
TVP
发布

移动端页面按手机屏幕分辨率自动缩放的js

var phoneHeight = parseInt(window.screen.height); 4 var phoneScale = phoneWidth/750;//除以的值按手机的物理分辨率...minimum-scale='+phoneScale+',maximum-scale ='+phoneScale +',user-scalable=no,">'); 18 } 19       做手机端页面最头疼的就是物理分辨率和逻辑分辨率的转换了...,当拿到设计图的时候,图基本都是按物理分辨率来设计的,一般常用的为640(iphone5/5s)、750(iphone6/6s),而谷歌等浏览器采用小手机模式浏览页面的时候,上面的值为逻辑分辨率,调试的时候很难把控页面样式...,在手机端的样式也会因此大乱,在页面头部加入以上一段js之后,在手机端就可以正常显示了, var phoneScale = phoneWidth/750; 除以的为设计图设计的页面宽度,750是按iphone6...来设计(根据自己使用需求来修改),即让页面的 放大比率=屏幕的逻辑分辨率/物理分辨率,从而达到适应手机的效果。

5.4K80
您找到你想要的搜索结果了吗?
是的
没有找到

又掉坑里了——手机智能分辨率

终于在一系列的pingback砸过去之后,找到了问题的原因----手机分辨率在变化!是的,源头就是题目所说的的“智能分辨率”。...标准的手机分辨率一般是固定的,不过智能手机的不断发展,如三星S9、华为Mate10、Mate20等设备,都推出了分辨率可调节功能,甚至是分辨率自动变化的功能。比如Mate20的智能分辨率: ?...官方给出的功能介绍是:当您在使用手机时,系统会根据后台应用运行情况,自动调整屏幕分辨率,提高手机续航能力。开启智能分辨率后,可能会影响屏幕的显示效果。...有同学会问,我改变手机分辨率,和你输入法皮肤不显示有什么关系?...由于线上手机分辨率的多样性,为了保证输入法皮肤在所有分辨率手机上都完美显示,我们运营端同学针对同一款皮肤,根据不同分辨率制作了多套资源。

4.9K20

分辨率_分辨率越高越好?手机屏幕分辨率多少才合适?现在终于搞清楚了

最近出了很多新机,很多人在购买前会详细查看手机参数,其中“分辨率”这一项让不少人一头雾水,究竟手机分辨率是什么?对我们的使用体验有什么影响?是不是分辨率越高越好? ​...具体计算方式如下: ​三、如何查看自己手机屏幕的分辨率 如果不清楚自己手机屏幕的分辨率,可以通过手动去查看,打开手机中的【设置】-【关于手机/我的手机】这个选项,然后就可以在“分辨率”那一栏看到手机屏幕的分辨率参数了...除了手动查看的方式之外,也可以自行上手机品牌的官网进行查询。 四、分辨率是否越高越好? 很多朋友认为,手机屏幕的分辨率越高,画面显示效果就越清晰,所以都是倾向于选择分辨率高的手机。...总而言之,手机屏幕的分辨率并不是越高就越好的。大家在选择手机时,不要过于追求高分辨率的屏幕,而是要选择适合手机尺寸的屏幕分辨率。 ​...5英寸以下的手机,参考分辨率是720P;5~6英寸的手机,选择1080P基本能满足视觉需求了;而6英寸以上的手机,就建议要选择2K分辨率了。 那么,你觉得分辨率高低对你的日常使用有什么影响吗?

2.7K20

编写兼容性JS代码

前文介绍了:  1 DOM四个常用的方法   2 使用DOM核心方法完成属性填充 本篇主要介绍在JS中需要注意的几个地方,另外为了减小html与javascript的耦合使用java进行onclick...方法编写。   ...但是在编写合格的javascript代码时,需要注意:   1 平稳退化:保证在不支持js或者低版本的浏览器也能正常访问   2 分离javascript:把html与javascript分离,有助于后期代码的维护...  3 向后兼容性:确定老版本的浏览器不会因为脚本禁止而死掉   4 性能考虑:确定脚本执行的最优   编写优化的代码   针对前一篇中的相册的代码,这里主要修改的地方是把onclick方法删除,在页面加载时

3.2K90

手机的尺寸、分辨率、像素密度的关系「建议收藏」

前言 一直以来,对手机屏幕尺寸、分辨率、像素和像素密度之间对关系摸不到头脑,今天就借此机会,学习记录一下啦。 屏幕(主屏)尺寸是什么,怎么算?...其实手机的尺寸其实代表手机屏幕的对角线长度。英寸和厘米的换算公式是: **1英寸(inch)=2.54厘米(cm)** 分辨率是什么?...我们还是拿苹果6s手机为例,我们知道它的尺寸为5.0英寸,分辨率为1920px*1080px(1920px就是公式里的纵向,1080px就是公式里的横向了)。 像素的大小是固定的吗?...大家注意看,这两个手机分辨率都是1920px*1080px。但是,苹果手机的屏幕尺寸比华为荣耀7小了0.2英寸。...最后,我们总结一下,屏幕的清晰程度其实是分辨率和尺寸大小共同决定,用ppi指数衡量屏幕清晰程度更加准确。 关于像素密度,分辨率,屏幕尺寸之间的关系,上面的公式都能为你解答啦。

2K20
领券