首页
学习
活动
专区
工具
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.5K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

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

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

    5.3K20

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

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

    4.1K20

    JS中可能用得到的全部的排序算法

    本篇有7k+字, 系统梳理了js中排序算法相关的知识, 希望您能喜欢....原文:JS中可能用得到的全部的排序算法 导读 排序算法可以称得上是我的盲点, 曾几何时当我知道Chrome的Array.prototype.sort使用了快速排序时, 我的内心是奔溃的(啥是快排, 我只知道冒泡啊...虽然ES6规范如此诱人, 然而目前并没有浏览器支持尾调优化, 相信在不久的将来, 尾调优化就会得到主流浏览器的支持....再将各组连接起来, 便得到一个有序序列. MSD方式适用于位数多的序列. LSD: 由低位为基底, 先从kd开始排序,再对kd-1进行排序,依次重复,直到对k1排序后便得到一个有序序列....本文作者:louis 本文链接:JS中可能用得到的全部的排序算法 参考文章 JS家的排序算法 - 简书 白话经典算法系列之三 希尔排序的实现 - MoreWindows Blog - 博客频道 - CSDN.NET

    1.7K20

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

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

    2.6K21

    OpenGL ES for Android 相机预览适配不同分辨率手机

    上一篇讲到OpenGL ES for Android 相机预览,相机的预览分辨率设置为1280*720,大家有没有想过如果将GLSurfaceView设置为正方形会如何?...很明显画面会被拉伸导致变形,在想一下如果设置GLSurfaceView为全屏,但目前市场上的手机有很多种不同的分辨率,尤其是全面屏、折叠屏屏,这些手机并不是常见的16:9的手机,因此我们需要适配这些不同分辨率手机...有的同学可能可能会想根据不同分辨率手机而设置不同的预览尺寸,是否可以呢?...= mCamera.parameters val supportSizeList = parameters.supportedPreviewSizes 既然相机的预览尺寸无法随便设置,那如何适配不同分辨率手机呢...在不同分辨率手机上不会出现拉伸的问题。 注意:我们手里面可能没有各种不同分辨率手机,可以通过改变GLSurfaceView的大小来达到验证的目的

    1.5K40
    领券