美文网首页
手机分辨率适配

手机分辨率适配

作者: 伦家这么萌 | 来源:发表于2017-09-12 14:25 被阅读29次

'use strict';

import {

Dimensions,

PixelRatio,

} from 'react-native';

export const deviceWidth = Dimensions.get('window').width;      //设备的宽度

export const deviceHeight = Dimensions.get('window').height;    //设备的高度

let fontScale = PixelRatio.getFontScale();                      //返回字体大小缩放比例

let pixelRatio = PixelRatio.get();      //当前设备的像素密度

const defaultPixel = 2;                          //iphone6的像素密度

//px转换成dp

const w2 = 750 / defaultPixel;

const h2 = 1334 / defaultPixel;

const scale = Math.min(deviceHeight / h2, deviceWidth / w2);  //获取缩放比例

export default function px2dp(size) {

size = Math.round((size * scale + 0.5) * pixelRatio / fontScale);

return size / pixelRatio;

}

相关文章

  • 016--cc.Widget与屏幕适配

    屏幕适配 1: 一款游戏能适应不同的手机分辨率,我们把这个称为屏幕适配;2: creator屏幕适配策略: 固定...

  • Android适配的那些坑

    在开发中,Android手机种类繁多造成开发中需要适配很多分辨率的手机,以下是我在开发中使用的Android适配,...

  • 手机分辨率适配

    'use strict'; import { Dimensions, PixelRatio, } from 're...

  • iOS屏幕适配概述

    [toc] 1 屏幕适配简介 1.1 屏幕发展历史 手机型号 |屏幕大小 | 分辨率------------ | ...

  • 屏幕适配

    什么是屏幕适配:为了使同一款App在不同分辨率的手机上显示效果大致相同的这个过程,叫做屏幕适配。为何要做屏幕适配:...

  • Andorid屏幕分辨率和适配规则

    在《iPhone屏幕分辨率和适配规则(基础篇)》,《iPhone屏幕分辨率和适配规则(规则篇)》和《iPhone屏...

  • 屏幕适配-手机与平板适配的经历

    1.前言 APP适配,在手机分辨率、dpi相差不是很大的情况下,主要考虑与平板、TV之间的适配。相差不是很大怎么定...

  • Android TV 开发之屏幕适配

    前言 Android 的屏幕适配是指适配不同机顶盒 UI 框架层输出的分辨率和 dpi,而不是适配不同分辨率的电视...

  • Android高手秘笈之UI适配原理

    目录[1.为什么要进行Drawable适配?android当中使用的长度单位都有哪些?][2.手机的分辨率、手机的...

  • px 与 rem 的选择

    px 与 rem 的选择?对于只需要适配少部分手机设备,且分辨率对页面影响不大的,使用px即可 。对于需要适配各种...

网友评论

      本文标题:手机分辨率适配

      本文链接:https://www.haomeiwen.com/subject/xsycsxtx.html