屏幕适配的方法

1.媒体查询:缺点是适配机型不完完整

2.用js去适配可以适配所有的机型(function (doc, win) {
  var docEl = doc.documentElement,
    resizeEvt = ‘orientationchange‘ in window ? ‘orientationchange‘ : ‘resize‘,
    recalc = function () {
      var clientWidth = docEl.clientWidth;
      if (!clientWidth) return;
      docEl.style.fontSize = 20 * (clientWidth / 320) + ‘px‘;
    };

  if (!doc.addEventListener) return;
  win.addEventListener(resizeEvt, recalc, false);
  doc.addEventListener(‘DOMContentLoaded‘, recalc, false);
})(document, window);
时间: 2024-10-31 05:46:56

屏幕适配的方法的相关文章

iOS设计中不同屏幕适配的方法-登陆界面

在iOS的手机界面设计中,由于不同手机类型的手机的尺寸不同,那么在设计手机界面时就得对屏幕进行适配,这里就以登陆界面的设计为例简单说明下 实现屏幕适配的方法:(屏幕自动适配缩放) 效果: 下面就看下代码实现的过程: 1.在代理中实现的代码: AppDelegate.h // 登陆界面设计 #import <UIKit/UIKit.h> #define ScreenHeight [[UIScreen mainScreen]bounds].size.height//屏幕高度 #define Scr

ios中object c纯代码开发屏幕适配处理方法

纯代码开发屏幕适配处理方法: 为适配iphone各个版本的机型,对ui布局中的坐标采用比例的方式进行初始化,在这里选定iphone6作为ui布局 1.首先在AppDelegate.h中定义两个属性: 1 #import <UIKit/UIKit.h> 2 3 @interface AppDelegate : UIResponder <UIApplicationDelegate> 4 5 @property (strong, nonatomic) UIWindow *window;

android 屏幕适配的方法

getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING); DisplayMetrics metric = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(metric); int width = metric.widthPixels; int height = metric.heightPix

(二十四)屏幕适配的基本概念

1.屏幕大小 :物理屏幕的大小,看屏幕的对角线.分辨率 :实际上是像素的总和.1280*720dpi :密度.(每英寸所展示的像素)2.hdpi :放480*800分辨率的图片 ~240dpildpi :320*240 ~120dpimdpi : 320*480 ~160dpi (参照物)xhdpi: 1280*720 ~320dpi ldpi.mdpi.hdpi.xhdpi缩放比例l :m :h :x 3:4:6:8 3. 480*800 :小分辨率往大分辨率兼容,填充屏幕的时候,会拉伸,出现

cocos2dx屏幕适配方案

我们在利用cocos2dx来开发游戏时,在开始时就不可避免的会遇到屏幕适配问题,来使我们的游戏适应移动终端的各种分辨率大小.目前,大家采用的屏幕适配方案不一,网上的资料也比较丰富,下面我也将自己使用的方案做下记录.由于我的Mac系统下只有一个分辨率的虚拟机,所以这次使用的是VS2010,使用的是cocos2dx2.2.2版本. 我这里采用的方案是为不同分辨率的屏幕设置不同资源目录的方案,根据我们的需求需要准备多套资源,但是由于部分分辨率较为接近,所以也不必为所有分辨率都去单独准备资源,可以几种分

cocos2dx 屏幕适配

我们都知道在手机游戏的设计开发中我们需要考虑游戏移植到手机上后的屏幕展示大小. 当然,手机屏幕的大小是不固定的: 1.安卓机大部分是长宽比例(16:9) 2.苹果机的71:41约等于(16:9) 3.另外还有一些平板电脑是4:3等 分辨率是屏幕所能显示像素的多少. 我们只能在设计中设置游戏展示分辨率的多少并不能去设置实际手机窗口的大小. 所以cocos2dx给我们准备了几种屏幕适配的方法: (也就是通过设置设计分辨率和手机实际窗口分辨率的大小去适应实际的手机窗口大小) (1)Resolution

iOS里面的屏幕适配(两种方法)

第一种方法:进行等比缩放 适用于只有单个或者很少的页面需要适配的时候 第二种方法:用别人已经封装的类,进行屏幕的适配 适用于多个页面都需要进行屏幕适配 这是在ViewController.m里面的代码

移动端屏幕适配原理以及方法讲解

序言: 今天周日,我正坐在黄埔区图书馆,思索着关于移动端屏幕适配的问题.作为一名年纪轻轻的前端马蓉,不,是码农,移动端屏幕适配的方案的帖子没读过100篇吧,也读过几十篇了.可是今天我又在思考这个问题了,因为下周我有个关于移动端适配的演讲.人生这么短暂,我却把有限的时间奉献到了无限的前端道路上. 根据我不(cong)太(ming)灵(jue)活(ding)的大脑的努力思考.我发现现阶段比较流行移动端适配原理只有一个--就是对元素进行放大和缩小,具体到执行的时候方法有两个(求不打脸). 1个是网页大

多种屏幕尺寸下屏幕适配方法

自从iPhone 6及iPhone 6 Plus出现之后,iPhone需要适配的屏幕尺寸就达到了四种之多,屏幕适配就成为了开发者们最需考虑的问题. iPhone4.iPhone4s,分辨率960 * 640 ,长宽比1.5 iPhone5.iPhone5s,分辨率1136 * 640 ,长宽比1.775 iPhone6,分辨率1334 * 750 ,长宽比1.778 iPhone6+,分辨率1920 * 1080,长宽比1.777 由此可见,只有iPhone4和iPhone4s和iPhone5及