新浦京81707con > 软件下载 > 移动端Web页面适配浅析,iOS一套代码适配所有i

原标题:移动端Web页面适配浅析,iOS一套代码适配所有i

浏览次数:186 时间:2019-11-21

iOS风流倜傥套代码适配全体索爱手提式有线话机布局完成方案,iosiphone


iOS开拓中,显示器适配非常多应用masonary那么些库,可是利用进程中供给精晓这一个在荧屏适配的长河中与图片相关的专门的学业。

iOS大器晚成套代码适配全体金立手提式无线电话机布局完成方案

本文首借使叙述大器晚成套代码适配全部Motorola手提式有线电话机布局建设方案。要点是询问原理和思忖。

五个种类利用了这种布局情势,以为非凡,实际境况或然要看看你们UI能或无法接收这种方法

首要思量正是画面依据显示屏的尺码动态的改造全数控件尺寸的分寸,达成全数荧屏的适配

title: 移动端Web页面适配浅析
date: 2018-01-31 16:38:01
tags: 移动端 适配

意气风发、基本概念
首先,精通多少个概念: Points, Rendered Pixels, Physical Pixels, Physical Device。
Points: 是iOS开采中引进的架空单位,称作点。开拓进度中具有基于坐标系的绘图都是以 point 作为单位,在索尼爱立信 2G,3G,3GS的时代,point 和显示器上的像素是全然大器晚成风流倜傥对应的,即 320 * 480 (points), 也是 320 * 480 (pixels)
Rendered Pixels: 渲染像素, 以 point 为单位的绘图最后都会渲染成 pixels,那个进程被称作光栅化。基于 point 的坐标系乘以比例因子能够得到基于像素的坐标系,高比例因子会使越来越多的内情展现,近些日子的比重因子会是 1x,2x,3x
Physical Pixels: 物理像素,便是设备荧屏实际的像素
Physical Device: 设备显示器的物理长度,使用英寸作为单位。举个例子iPhone4显示屏是3.5英寸,小米 5 是4英寸,iphone 6是4.7英寸,这里的数字是指手提式有线电话机显示器对角线的大要长度。实际上会是Physical Pixels的像素值(并不是Rendered Pixels的像素值)会渲染到该荧屏上, 显示器会有 PPI(pixels-per-inch) 的风味,PPI 的值告诉您每英寸会有微微像素渲染。

先出示效果


渲染像素Rendered Pixels是理论值,真正的情理像素Physical Pixels会小于或等于这些理论值
那便是说,iOS 开采中,上述单位会有如何对应涉及吗?列表回答:
机型
显示屏宽高(point)
渲染像素(pixel)
物理像素(pixel)
荧屏对角线长度(英寸)
荧屏形式

手提式有线电话机放大到同样大小效果

运动端Web页面适配浅析

早先对移动端Web适配的规律一头雾水,对于几个概念dprppiviewportdevice-width 等的概念用法逻辑总是有一点不明。前段时间再次翻阅了几篇好文章,也自个儿去查了部分有关的定义,对这一块再重新加深了驾驭。作品力求直观描述移动端Web页面包车型客车适配思路,以至适配过程中有必要掌握的底子概念。部分用词、概念及公式使用只怕不妥,望指正。

运动端适配的经历总计参照他事他说加以侦察小说

从腾讯网与天猫的font-size思谋前端设计稿与专门的学问流-流云诸葛

活动端适配方案(上)

新浪和Taobao移动WEB适配方案再深入分析-吴成琦

iPhone 2G, 3G, 3GS
320 * 480
320 * 480
320 * 480
3.5(163PPI)
1x

享有手机展现效果大约是同风流倜傥的

图片 1

手提式有线电话机顺序为魅族 5s iphone 6s iphone 6s plus iphone X

Native 适配进程

要打听活动Web端的适配思路,首先要清楚终端都以哪些进展适配的。

无论iOS依旧Android端,设计日常给的兼顾稿标明是dp或者pt

图片 2

iOS 设计稿.png

为了明显dp以及pt 的定义,在这里地对艺术展开了黄金年代部分计算,假诺须求更为具体的原委,请参见如下随笔:徹底驾驭UI 及 Web 的尺码單位:基本觀念-TaylorHu

iPhone 4, 4s
320 * 480
640 * 960
640 * 960
3.5 (326PPI)
2x

镜头截屏效果

ptdp是显示器密度非亲非故的单位

pt(point)是iOS开垦的单位,dp(density-independent pixels )是google开采的单位。两个都以荧屏密度非亲非故的单位,也正是和显示器二个平方单位内实际的情理像素的个数(即显示器密度)无关。

再形象一点,以iOS为例,假诺用规范的尺子画叁个*1cm1cm的矩形框,那么无论是摩托罗拉显示屏清晰度不一样的首先代低清显示器,照旧索尼爱立信X的超视网膜高清屏,框出来的荧屏面积都以1cm^2。 iOS设计pt单位就是那样二个思路,你能够把pt想像成分米,皮米等相对长度单位,是三个与设备物理像素非亲非故的单位。那样一来,若是大家借使1pt = 1cm 且BlackBerry6设计稿中两个按键的增长幅度是10pt,那么就表示在其它显示屏密度的HTC显示器上,这几个按键都为10cm宽。

事实上苹果公司在概念pt单位的时候,就是以首先代显示屏(Nokia3GS)为原则,第一代荧屏(三星3GS)的三个物理的像素点宽度为1pt ,设备像素比dpr(devicePixelRatio)为1。随着索爱显示屏的升高,1pt1pt* 内的大要像素点就能增添,显示屏密度也逐步变高,到了诺基亚4 ,1pt1pt* 内就带有了4个大意像素点,dpr就为2,到了iPhone6 plus,*1pt1pt 内理论上有9个概略像素点,dpr为3(为何是论战上有9个大意像素点,之后再分析)。从今今后处就足以推导出设备像素比dpr的三个直观的定义,即$1pt = 设备像素比(dpr)*概略像素点宽$ 。

回来地方的例证,那个事例发生二个难题:若是1pt = 1cm ,Nokia6设计稿上多个开关的幅度是10pt,那么不论在如何荧屏上,那些按键都为10cm宽。这么些宽度的按键放到华为6以下的无绳电话机,譬如三星5s,One plus4等看起来不就能够过宽么?没有错,正是会过宽!所以实际上iOS程序员在适配的历程中,会基于分化HUAWEI物理分辨率举行折算后的逻辑分辨率实行等比例的缩放。根据表格中的逻辑分辨率,华为6设计稿上三个按键的升幅是10pt,那么只要急需适配小米5s,就必要基于HUAWEI5s逻辑分辨率宽度320及Motorola6逻辑分辨率宽度375将按键进行等比例的缩放。
$索爱5s 开关的升幅 = HTC6 开关的上涨的幅度10pt*(中兴5s逻辑分辨率宽度320/索爱6逻辑分辨率宽度375)$

iPhone 5, 5s
320 * 568
640 * 1136
640 * 1136
4 (326PPI)
2x

画面是依靠荧屏大小动态去改动的,大荧屏的等比例放大,小显示屏的等比例收缩

图片 3

iOS适配进程

下图是到近年来甘休,全部Motorola手提式有线电话机荧屏的尺寸、物理分辨率以致逻辑分辨率等详细参数的汇聚:

设备 屏幕尺寸 分辨率(pt) Reader 分辨率(px) ppi
iPhone 3GS 3.5吋 320x480 @1x 320x480 163
iPhone 4/4s 3.5吋 320x480 @2x 640x960 330
iPhone 5/5s/5c 4.0吋 320x568 @2x 640x1136 326
iPhone 6 4.7吋 375x667 @2x 750x1334 326
iPhone 6Plus 5.5吋 414x736 @3x 1080x1920 401
iPhone 6s 4.7吋 375x667 @2x 750x1334 326
iPhone 6sPlus 5.5吋 414x736 @3x 1080x1920 401
iPhone 7 4.7吋 375x667 @2x 750x1334 326
iPhone 7Plus 5.5吋 414x736 @3x 1080x1920 401
iPhone 8 4.7吋 375x667 @2x 750x1334 326
iPhone 8Plus 5.5吋 414x736 @3x 1080x1920 401
iPhone X 5.8吋 375x812 @3x 1125 x 2436 458

笔者们会发掘@1x显示屏到@2x 荧屏是完全知足1pt1pt* 范围内从包涵1个大要像素点到含有了4个大要像素点的转变的,比方三星3GS到OPPO4、诺基亚6、HTC7、中兴8;不过,索爱6Plus、华为6sPlus、红米7Plus及索尼爱立信8Plus仿佛并不满意1pt1pt* 范围内从富含1个大要像素点到含有了9个大要像素点的转移。

参考godlaugh的回答 ,在此将原理举行简要描述,大家以BlackBerry6Plus为例子实行深度的解析。

设备 屏幕尺寸 分辨率(pt) Reader 分辨率(px) ppi dpi
iPhone 6 4.7吋 375x667 @2x 750x1334 326 163
iPhone 6Plus 5.5吋 414x736 @3x 1080x1920 401 154
iPhone 6Plus(a) 5.5吋 414x736 @3x 1242x2208 461 154
iPhone 6Plus(b) 5.5吋 360x640 @3x 1080x1920 401 134
iPhone 6Plus(c) 5.5吋 540x960 @2x 1080x1920 401 200
iPhone 6Plus(d) 6.7吋 540x960 @2x 1080x1920 326 163

iOS设计pt单位是从五个角度实行思忖:

  1. 生龙活虎体显示屏可现实的开始和结果有一点
  2. 分界面UI成分可点击的大意区域大小

先理清ppidpi概念的分别

ppi : pixels per inch;

dpi : dots per inch,dot是指八个逻辑point。

再详细解析:

  1. iPhone 6Plus(b)方案:

    维持iphone 6Plus 现存物理分辨率1080 1920 不变,dpr为3。这时候逻辑分辨率将压缩到360 * 640*,逻辑分辨率的长度宽度都比iphone6 的逻辑分辨率小。

    优点: iphone 6Plus(b)的显示屏密度更加大,更为精细

    缺点:实际可突显的剧情却有数iphone6。

    举例:iphone6 意气风发行展现23个字符,iphone 6Plus(b) 仅能显得二十三个字符。

  2. iPhone 6Plus(c)方案:

    维持iphone 6Plus 现存物理分辨率1080 1920 不变,dpr为2。那个时候逻辑分辨率将增添到540 * 960* 。在此种场馆下,就如应该选用魅族 6Plus(d)方案,可是假使选择 Samsung6Plus(d),在保持长度宽度比为16 : 9的百分比下,金立6Plus(d)显示器将达不敢相信 无法相信的6.7吋,由此,该方案不可行。

    骨子里苹果集团是依照市镇须要,先显明plus手提式有线电话机的荧屏尺寸5.5吋,长度宽度比为16 : 9;再这一个前提下,使用魅族6Plus(c)的方案(@2x)无可制止地需求相对iphone6 裁减每一个物理像素的轻重。

    优点: iphone 6Plus(c)的荧屏密度越来越大,实际可兆示的内容多于iphone6。

    缺点:全体UI成分的尺寸在显示屏上的实际上物理面积一下就变小了。

    举例:比方标签栏或导航栏按键的物理高度只有原本的 81.5% (163/200),点击面积就惟有一加 6的 0.815*0.815=66.4%。

  3. iPhone 6Plus(a) 方案:

    该方案物理像素做到1242x2208,那么在5.5吋显示器下ppi将达到461。

    优点: iphone 6Plus(a)的荧屏密度更加大,实际可呈现的剧情多于iphone6。

    缺点:1)内部存款和储蓄器消耗庞大;

    ​ 2)电瓶消耗庞大;

    ​ 3)要实现 461ppi ,当前工艺恐怕存在一定难度

    举例: iphoneX 就在真的含义上产生@3x的显示器。

  4. iPhone 6Plus 方案:

    苹果集团最后过渡选用了iphone 6Plus方案估摸是因为在5.5吋显示器尺寸要求以至ppi小于461的前提下,只好选拔该方案。约等于说,理论意义上 iphone 6Plus 并非四个@3x显示器,而是四个@2.46x(40二分之一26*2) 左右的显示器。那一个倍数对于切图变成了小幅度的费力,所以苹果为便于开垦者用的是@3x的素材,然后再缩放到@2.46x上,实际上是缩放到2.46/3=83%。

iPhone 6, 6s, 7
375 * 667
750 * 1334
750 * 1334
4.7 (326PPI)
2x

金镶玉裹福禄双全思路

怎样用一套代码实今后分裂荧屏中动态缩放,到达在分裂种显示屏效果相近呢?
首先自个儿想开了大家前些天适配的iphone的显示屏比例都以16:9的显示屏(那时候想的时候还不曾出HUAWEIX,所以并未有想过三星X卡塔尔,借使UI设计员给你的是 750*1334的设计稿(便是黑莓6手提式有线电话机显示屏尺寸的设计稿卡塔尔国给你的时候,你就足以先写只适配小米6的,只要在Samsung6手提式无线电话机上显示跟设计稿风流倜傥致就能够了。在做完一加6的页面之后,将要考虑任何手提式有线电话机适配的主题素材了,其余手提式有线电话机的显示屏都以16:9的屏,也便是说One plus6 要适配诺基亚 6 plus就只必要具备空中的深浅,地方整个松开相仿的翻番就足以适配plus了,同理假使要适配索尼爱立信5 正是将具备控件裁减相仿的倍数就能够了。

上面比方:
假设在Samsung 6 手提式有线电话机方面100点宽高的头像,已经写好了,在诺基亚6 plus上的惊人就应有是110.4,若是说在酷派6手提式有线电话机上边上上边距是10,那么在黑莓6 plus上是11

宽高比:375 :414 = 100 : X  X = 110.4
边距比:375 :414 = 10 :Y Y = 11

地方的看懂就很简短了
每当作者设置frame的时候,不一样的显示屏设置成区别的值就行了。每便设置二个值得时候能够先经过大家的一个办法,动态的把那一个值放大和收缩雷同比例的数值。上边是亲自过问代码:

Android适配进程

和iOS 同样,谷歌也制订了大器晚成套密度等第规范荧屏参数,个中xxxhdpi荧屏就是大家所说的4K。

密度类型 代表的分辨率(px) dpi Reader
中密度(mdpi) 320x480 160 @1x
高密度(hdpi) 480x800 240 @1.5x
超高密度(xhdpi) 720x1280 320 @2x
超超高密度(xxhdpi) 1080x1920 480 @3x
超超高密度(xxxhdpi) 2160×3840 640 @4x

根据iOS设计pt的思路,谷歌将mdpi的银屏设置为基准点, mdpi荧幕上三个物理像素点的宽即为1dp。对于dp的知情以致显示器尺寸参数之间的折算完全能够参照他事他说加以考察上生机勃勃节原理。

此间须要验证:iOS程序猿在布局进程中有时会使用相对化布局,因为iphone的型号和荧屏数量都极为有限。不过Android程序猿在适配的经过中,由于显示器的档案的次序实在太多,就不可能应用相对化布局了,而是改用其余布局格局,比如相对布局等。

比如来佛讲,设计员给xhdpi显示器设计稿三个开关10dp宽,居中;那么Android程序员仅仅只必要关爱那些10dp宽的开关,间隔显示器边界的升幅,通过如此的章程去适配全部的显示器。

iPhone 6 Plus, 6s Plus, 7 Plus
414 * 736
1242 * 2208
1080 * 1920
5.5 (401PPI)
3x

注重示例代码
    func CGFloatAutoFit(_ float:CGFloat)->CGFloat {
        let min = UIScreen.main.bounds.height < UIScreen.main.bounds.width ? UIScreen.main.bounds.height :UIScreen.main.bounds.width
    return min / 375 * float
}

上面的代码正是精髓,没有怎么难度,你也得以友善写。意思就是你传三个float数值过来,首先判定手提式有线话机荧屏长宽最短的值(因为有时是横屏的卡塔尔,获得宽高最短的直接和375比算出真正的要缩放的值。应该为大家UI设计师给自家的都以三星6 的设计稿所以作者比的是375(竖屏动手提式有线电话机的肥瘦卡塔 尔(英语:State of Qatar)。

    手机宽度 : 375 = 缩放后大小 :设计稿大小

一抬手一动脚端Web适配进程

上风华正茂章节咱们详述了客商端显示屏参数的意义及企划的思路,在此风度翩翩节,我们需求详述移动端的适配进度。

无数篇章对视口(viewport)其一概念的演说都只限于定义,万幸开采生龙活虎篇好小说:

像素与浏览器视口的细节—ACGTOFE

随笔笔者直观的讲明了逐条视口的概念及其关系。本文基于该艺术张开了计算,并充分演示代码,力求更简练的公布视口(viewport)的概念及关联。

于是代码中输出荧屏分辨率大小的时候,其实就是出口的是点
NSLog(@"%f,%f,%f",[UIScreen mainScreen].bounds.size.width,[UIScreen mainScreen].bounds.size.height,[UIScreen mainScreen].scale);

布局实现方案调度

看懂了上边,自身有主见的上边能够不用看了

倘诺要动用这种思路,在设置控件的职分和大时辰就不得不要过大家机关缩放的两个方法。
咱俩这里是间接用frame布局(直接设置长度宽度高,很土,但是很好用卡塔 尔(阿拉伯语:قطر‎

像素

和native适配同样,iOS有pt单位,Android使用dp单位,对于前端开荒人士的话,CSS pixel 的意思和pt以及dp是相符的,具体定义可参照<length>。

也便是说,在常常荧屏上,开荒PC端网页设定一定宽度为1000px,在retina显示屏的macbook pro上网页的幅度也是1000px。

对此retina 化前端网页,可参看http://mir.aculo.us/2012/06/26/flowchart-how-to-retinafy-your-website/

//在6s的模拟器中输出的值

控件布局方法原本
        self.line.x = 10
        self.line.y = 10
        self.line.height = 50
        self.line.width = 50
        self.scrollView.addSubview(self.line)

视口

在评论活动端适配的经过中,大家要精通视口的概念及其之间的关联:布局视口可视视口

以PC端浏览网页为例。

在浏览进程中会爆发七个视口:可视视口(visual viewport)布局视口(layout viewport卡塔尔

在百分之百来得比例下,

可视视口(visual viewport卡塔尔国最初地说,正是客户浏览网页时浏览器框出来的区域。

布局视口(layout viewport卡塔 尔(英语:State of Qatar)通俗地说,正是顾客浏览的网页宽高包括的区域。

黑线框出的区域正是可视视口(visual viewport卡塔 尔(阿拉伯语:قطر‎,而网页自个儿显然更擅长可视视口(visual viewport卡塔尔国,所以网页所在的宽高包蕴的区域正是布局视口(layout viewport卡塔 尔(阿拉伯语:قطر‎

图片 4

浏览器可视视口.png

那那四个视口之间有怎样关联吗,我们品尝做三个考试。

先是鲜明缩放比例为百分百,能够望见google寻觅的按键高度为36px

图片 5

缩放比例为百分百下的input.png

当缩放比例扩张到200%时,能够望见同多个追寻的按键高度还是为36px

图片 6

缩放比例为200%下的input.png

因而两张图直观的自己检查自纠计算三点:

  1. 缩放比例的改动给客户直观的放大收缩的效应;
  2. input要素样式上高度并不会随着缩放比例的生成而生成;
    3.** 缩放比例更动了CSS 像素与设施物理像素之间的比重关系**;

经过我们对可视视口(visual viewport卡塔 尔(英语:State of Qatar)以及布局视口(layout viewport卡塔尔的直观领会,大家得以得出的少数正是,缩放比例不会转移布局视口的增长幅度,那么缩放比例到底是否透过更换可视视口(visual viewport卡塔 尔(英语:State of Qatar)来落到实处放大和压缩的作用的啊?答案是迟早的。

可视视口(visual viewport卡塔尔国的上升的幅度能够由此如下代码获得

window.innerWidth

第大器晚成,最大化情形下,缩放比例为百分之百,可视视口宽度为1920px

图片 7

max缩放比例百分之百下可视视口的宽度.png

其次,最大化情形下,缩放比例为200%,可视视口宽度为960px

图片 8

max缩放比例200%下可视视口的宽度.png

下一场,最大化意况下,缩放比例为百分之八十,可视视口宽度为3840px

图片 9

max缩放比例八分之四下可视视口的宽度.png

最后,非最大化处境下,缩放比例为百分之百,可视视口宽度为942px

图片 10

非全屏缩放比例为百分之百可视视口的宽度.png

经过那组比较,我们能够得出可视视口三个要命重大的风味
​ **1. 可视视口收到缩放比例的熏陶 **

​ 浏览器窗口雷同的动静下,缩放比例越大,可视视口宽度越小;缩放比例越小,可视视口宽度越大。

2. 可视视口与浏览器窗口的大小有关

​ 缩放比例雷同的意况下,浏览器窗口越大,可视视口宽度越大;浏览器窗口越小,可视视口宽度越小。

375.000000,667.000000,2.000000

明日形式
        self.line.x = CGFloatAutoFit(10)
        self.line.y = CGFloatAutoFit(10)
        self.line.height = CGFloatAutoFit(50)
        self.line.width = CGFloatAutoFit(50)
        self.scrollView.addSubview(self.line)

很简短,设置值得时候过一下大家的艺术就可以了

移动端访谈网页时的视口

移动端访谈页面的情事会相对复杂一些,我们来进展稳步的阐述。

若是我们不做任何meta设置,使用移动端访谈三个正常化的页面,将会晤世页面被压缩,甚至于文字不能阅览。这种情况,就临近拿着多少个手提式有线电话机显示器大小的框,然后为了能够将贰个桌面端宽度的网页全部置于框里,于是框到网页间距被扩大,导致了页面降低的情事。除此以外,能够开掘原本状态iphone6访问页面,html文档的增幅是980px,ipad pro 访谈页面,html文书档案的上涨的幅度是1024px

图片 11

原始状态下的移位端访谈.png

通过<meta name="viewport" content="width=400"> 将布局宽度设置成400px未来,我们看来页面被推广了,文字也能看的明白了。

图片 12

安装meta viewport标签后的运动端页面.png

因而上述试验求证了移动端访问网页的时候,布局视口(layout viewport)实际上存在。且有以下多少个特征:

  1. 衡量单位: CSS px。
  2. 默认值: 宽度有暗许值,由手提式有线电话机浏览器定义。日常是768px ~ 1024px里头,听而不闻暗许值为980px。
  3. 活动端设置:能够通过metaviewport 标签中width设定;例如 <meta name="viewport" content="width=400">
  4. 缩放,滑动页面,翻转手提式有线电话机显示器等均不影响布局视口。
  5. 动用媒体询问时 max-width 和 min-width 的值指的也是布局视口的宽。

获得布局视口宽度的js

document.documentElement.clientWidth

将上文可视视口(visual viewport)拓宽总结。有以下多少个特征:

  1. 衡量单位: CSS px。

  2. 默认值 : 无。

  3. 面对显示器宽度以至缩放大小的熏陶。

    客户手动缩放和在 meta标签中设置 initial-scale 的值都会校订可视视口的尺码; 缩放比例也是有暗中认可的值,没有设置 initial-scale 时,浏览器会取适当的缩放比例使布局视口正巧铺满显示器即有 布局视口尺寸 = 可视视口尺寸

    缩放比例是基于下边提到的完美视口来讲的 ,$缩放比例 = 理想视口尺寸 / 可视视口尺寸$

拿到可视视口宽度的js

window.innerWidth

透过对native适配过程的阐明,大家早已知晓不管iOS系统手提式有线电话机或许Android系统手提式有线电话机,都会设有二个逻辑分辨率,而逻辑分辨率组成的视口正是优秀视口(ideal viewport),有以下多少个脾性:

  1. device-width指的就是精美视口的宽度,举个例子<meta name="viewport" content="width=device-width">

  2. 优秀视口尺寸不可能设定也不能够更正,它只与器材物理像素、dpr、以致浏览器相关。

    $设备像素比(dpr) = 物理像素数 / 理想视口尺寸$

拿到理想视口宽度的js

screen.width

赢得器具dpr的js

window.devicePixelRatio

那正是说上述两种视口之间的改变就有早晚的规律

  1. 将 meta 标签中的 width 设为 device-width 同有的时候候禁止使用手动缩放

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>

    能够使$ 布局视口尺寸 = 可视视口尺寸 = 理想视口尺寸$,那时候 配备像素比 = 物理像素数 / 理想视口尺寸 = 物理像素数 / 布局视口尺寸,对iphone5,三个CSS像素对应4个大要像素。

  2. 为 initial-scale 设置狂妄合法的值同期禁止使用手动缩放就足以使布局视口尺寸 = 可视视口尺寸

  3. 将 initial-scale 设置为 1 也得以使 布局视口尺寸 = 可视视口尺寸 = 理想视口尺寸

关于上述提到 PaintCode 绘制图形实行了详尽表明,能够看The Ultimate Guide To iPhone Resolutions
由上能够阅览,所谓的荧屏格局,描述的正是显示屏中二个点有些许个 Rendered Pixels 渲染,对于2倍屏(又称 Retina 显示器),会有 2 * 2 = 4 个像素的面积渲染,对于3倍屏(又称 Retina HD 显示器),会有 3 * 3 = 9 个像素的面积渲染。
至于 Points 和 Pixels 的叙说,参谋官方文档: Points Versus Pixels.
iOS 开辟中,全部控件的坐标以致控件大小都是以点为单位的,假诺本人在显示器上须求体现一张 20 * 20 (单位:point)大小的图形,那么设计师应该怎么给自身图呢?这里就能够用到荧屏格局的概念,如若显示屏是 2x,那么就需求提供 40 * 40 (单位: pixel)大小的图片,假如显示器是 3x,那么就提供 60 * 60 大小的图片,且图片的命名必要服从以下标准:
Standard:<ImageName><device_modifier>.<filename_extension>

文字设置形式
    self.doctorDescLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(15))

文字大小也要动态改换大小

运动端Web适配方案

无论新浪的移动Web适配方案,照旧手淘的移动Web适配方案均采纳rem 作为布局的单位。

rem(font size of the root element),指相对于根成分的字体大小的单位。

High resolution:<ImageName>@2x<device_modifier>.<filename_extension>

图形设置大小

不可能采用sizetofit方法了,直接依据比例写死,假诺所设计稿给您的是100px,你就一贯CGFloatAutoFit(50)

rem单位现身前的活动Web适配方案

rem单位现身早前,要是须要是适配One plus4(320px卡塔 尔(英语:State of Qatar),OPPO6(375px),Samsung6 Plus(414px),且顾客浏览网页的时候,文字大小、图片、按键大小都是得当的:

(1) 一加4的时候,希望网页的剧情文字大小12px=12*(320/320卡塔 尔(英语:State of Qatar)px,开关的抑扬顿挫是240px。

(2)iphone6的时候,希望网页的剧情文字大小14px=12*(375/320卡塔 尔(阿拉伯语:قطر‎px,开关的高低是280px,等比缩放。

(3)iphone6 Plus的时候,希望网页的开始和结果文字大小15.5px=12*(414/320卡塔尔国px,开关的轻重是310px,等比缩 放。

那正是说将接受以下的方案适配:

iphone 4 下

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0 />

三星6 调节缩放比例, initial-scale=375/320 =1.18

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.18 />

iphone 6Plus 再调节缩放比例,initial-scale=414/320 =1.30

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.30 />

趁着initial-scale的变大,网页被拉伸的越来越厉害,那么,大屏的运动端浮现图片、文字等会现身分化程度的模糊。

High HD resolution:<ImageName>@3x<device_modifier>.<filename_extension>

反正边距设置

假若说你想反正边距间隔10

    label.x = CGFloatAutoFit(10)
    label.width = self.width - CGFloatAutoFit(20)

乐乎活动Web适配方案

  1. 安装能够视口=可视视口=布局视口

    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    
  2. 何以总结得出html的font-size

    iphone6 的设计稿宽度为750px,100是希望换算比。即设计稿100px对应css 1rem;

    $设计稿可视视口宽度=750px/100$,所以$1rem =可视视口宽度/(100/750) $;

    可视视口宽度能够由此js 获取:

    window.innerWidth
    

    html的font-size

    document.documentElement.style.fontSize = window.innerWidth / 7.5   'px';
    

ImageName: 图片名字,依照气象命名
device_modifier: 可选,可以是 ~ipad 或者 ~iphone, 当须要为 平板电脑 和 中兴 分别钦赐风流倜傥套图时要求丰硕此字段
filename_extension: 图片后缀名,iOS中应用 png 图片

页面案例

//
//  VXXOtherUserInfoViewController.swift
//  shikee
//
//  Created by 小星 on 2017/11/21.
//  Copyright ? 2017年 shikee. All rights reserved.
//

import UIKit
import ChameleonFramework
import STPopup
import SwiftyJSON
import IQKeyboardManagerSwift

class VXXOtherUserInfoViewController: VXXBaseViewController,UIScrollViewDelegate,PopPasswordDelegate{

    var scrollView = UIScrollView()
    var titleLbl = UILabel()
    var shareBtn = UIButton()
    var moreBtn = UIButton()
    var navigationView:UIView?
    var backBtn = UIButton()
    let headerTopImgView = UIImageView()
    let headerBottomImgView = UIImageView()
    let headerImgView = UIImageView()
    let nameLabel = UILabel()
    let scoreBtn = UIButton()
    let descLabel = UILabel()
    let hospitalLabel = UILabel()
    let line = UIView()
    let doctorDescLabel = UILabel()
    let doctorDescContentLabel = UILabel()
    let line2 = UIView()
    let goodAtLabel = UILabel()
    let tipsView = TipsView()
    let line3 = UIView()
    let specialLabel = UILabel()
    let specialBottomline = UIView()
    let videoCell = VXXOtherUserCell()
    let liveCell = VXXOtherUserCell()
    let messageCell = VXXOtherUserCell()
    let bottomLine = UIView()


    var bottomView = UIView()
    var focusBtn = UIButton()
    var giftBtn = UIButton()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.white
        self.automaticallyAdjustsScrollViewInsets = false
        self.initNavigationView()

        self.headerImgView.isUserInteractionEnabled = true
        let tap = UITapGestureRecognizer(target: self, action: #selector(self.tapToCheckBigPic))
        self.headerImgView.addGestureRecognizer(tap)
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        self.navigationController?.setNavigationBarHidden(true, animated: false)
        IQKeyboardManager.sharedManager().enable = false

    }

    override func viewWillDisappear(_ animated: Bool) {
        super.viewWillAppear(animated)
        IQKeyboardManager.sharedManager().enable = true
    }

    var dateSource:JSON?{
        didSet{
            self.setInfo(dateSource:dateSource)
        }
    }

    func setInfo(dateSource:JSON?){

        guard let data = dateSource else{
            return
        }

        if data["prodoctor_auth"].intValue == 1{
            self.isDoctor = true
        }else{
            self.isDoctor = false
        }

        if self.isDoctor {

            self.nameLabel.text = data["nickname"].stringValue
            self.titleLbl.text = data["nickname"].stringValue
            self.doctorDescContentLabel.text = data["introduction"].stringValue
            self.headerImgView.yy_setImage(with: URL.init(string: data["header_link"].stringValue), placeholder: UIImage.init(named: "user_tx"))
            self.tipsView.tipArr = data["skill_tag"].arrayValue
            self.scoreBtn.setTitle(data["score"].stringValue, for: .normal)
            self.is_focus = data["is_focus"].intValue

            self.videoCell.countLabel.text = "(data["ds_private_count"].stringValue)场"
            self.liveCell.countLabel.text = "(data["ds_public_count"].stringValue)场"
            self.messageCell.countLabel.text = "(data["comment_count"].stringValue)条"

            self.hospitalLabel.text = data["belong_hospital"].stringValue

            if data["positional_titles"].stringValue != "" {
                self.descLabel.text = "(data["section"].stringValue)|(data["positional_titles"].stringValue)"
            }else{
                self.descLabel.text = "(data["section"].stringValue)"
            }

        }else{

            self.nameLabel.text = data["nickname"].stringValue
            self.titleLbl.text = data["nickname"].stringValue
            self.doctorDescContentLabel.text = data["introduction"].stringValue
            self.headerImgView.yy_setImage(with: URL.init(string: data["header_link"].stringValue), placeholder: UIImage.init(named: "user_tx"))
            self.is_focus = data["is_focus"].intValue
            self.descLabel.text = "健康号:(friendUid)"

            self.videoCell.countLabel.text = "(data["focus_num"].stringValue)人"
            self.liveCell.countLabel.text = "(data["to_focus_num"].stringValue)人"

        }

        self.doctorUI()
    }

    func doctorUI(){

        self.view.backgroundColor = UIColor.white

        self.scrollView.frame = self.view.bounds
        self.view.addSubview(self.scrollView)
        self.scrollView.delegate = self

        headerTopImgView.height = CGFloatAutoFit(115)
        headerTopImgView.width = self.view.width
        headerTopImgView.backgroundColor = kPrimaryColor
        self.scrollView.addSubview(headerTopImgView)

        self.headerImgView.height = CGFloatAutoFit(83)
        self.headerImgView.width = CGFloatAutoFit(83)
        self.headerImgView.centerX = self.view.width * 0.5
        self.headerImgView.y = CGFloatAutoFit(63)
        self.headerImgView.layer.cornerRadius = self.headerImgView.height * 0.5
        self.headerImgView.layer.masksToBounds = true
        self.headerImgView.layer.borderWidth = CGFloatAutoFit(3)
        self.headerImgView.layer.borderColor = HexColor("a4c9f8")?.cgColor
        self.scrollView.addSubview(headerImgView)

        self.nameLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(15))
        self.nameLabel.sizeToFit()
        self.nameLabel.textColor = HexColor("333333")
        self.nameLabel.centerX = self.view.width * 0.5 - CGFloatAutoFit(18)
        self.nameLabel.y = self.headerImgView.frame.maxY   CGFloatAutoFit(10)
        self.scrollView.addSubview(nameLabel)

        self.scoreBtn.titleLabel?.font = UIFont.systemFont(ofSize: CGFloatAutoFit(10))
        self.scoreBtn.backgroundColor = HexColor("FFB448")
        self.scoreBtn.setImage(UIImage.init(named: "user_pinf"), for: .normal)
        self.scoreBtn.width = CGFloatAutoFit(29)
        self.scoreBtn.height = CGFloatAutoFit(14)
        self.scoreBtn.centerY = self.nameLabel.centerY
        self.scoreBtn.x = self.nameLabel.frame.maxX   CGFloatAutoFit(4)
        self.scoreBtn.layer.cornerRadius = 3
        self.scoreBtn.layer.masksToBounds = true
        self.scrollView.addSubview(self.scoreBtn)

        self.descLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(12))
        self.descLabel.sizeToFit()
        self.descLabel.textColor = HexColor("666666")
        self.descLabel.centerX = self.view.width * 0.5
        self.descLabel.y = self.nameLabel.frame.maxY   CGFloatAutoFit(10)
        self.scrollView.addSubview(descLabel)

        self.hospitalLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(12))
        self.hospitalLabel.sizeToFit()
        self.hospitalLabel.textColor = HexColor("666666")
        self.hospitalLabel.centerX = self.view.width * 0.5
        self.hospitalLabel.y = self.descLabel.frame.maxY   CGFloatAutoFit(10)
        self.scrollView.addSubview(hospitalLabel)

        self.headerBottomImgView.width = self.view.width
        self.headerBottomImgView.height = CGFloatAutoFit(23)
        self.headerBottomImgView.x = 0
        self.headerBottomImgView.y = self.hospitalLabel.frame.maxY   CGFloatAutoFit(5)
        self.headerBottomImgView.image = UIImage.init(named: "zhb_frame_bgimg")
        self.scrollView.addSubview(headerBottomImgView)

        self.line.height = CGFloatAutoFit(5)
        self.line.width = self.view.width
        self.line.backgroundColor = kSplitLineColor
        self.line.x = 0
        self.line.y = headerBottomImgView.frame.maxY
        self.scrollView.addSubview(self.line)

        self.doctorDescLabel.text = "医生简介"
        self.doctorDescLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(15))
        self.doctorDescLabel.textColor = HexColor("333333")
        self.doctorDescLabel.sizeToFit()
        self.doctorDescLabel.x = CGFloatAutoFit(10)
        self.doctorDescLabel.y = CGFloatAutoFit(15)   self.line.frame.maxY
        self.scrollView.addSubview(self.doctorDescLabel)

        self.doctorDescContentLabel.textColor = HexColor("999999")
        self.doctorDescContentLabel.numberOfLines = 0
        self.doctorDescContentLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(12))

        if self.doctorDescContentLabel.text != nil{
            let ns = self.doctorDescContentLabel.text! as NSString
            let rectDoctorDesc = ns.boundingRect(with: CGSize(width: self.view.width - CGFloatAutoFit(20), height: 100000), options: .usesLineFragmentOrigin, attributes: [NSFontAttributeName:UIFont.systemFont(ofSize: CGFloatAutoFit(12))], context: nil)
            self.doctorDescContentLabel.frame = rectDoctorDesc
            self.doctorDescContentLabel.x = CGFloatAutoFit(10)
            self.doctorDescContentLabel.y = self.doctorDescLabel.frame.maxY   CGFloatAutoFit(14)
            self.scrollView.addSubview(self.doctorDescContentLabel)
        }


        self.line2.backgroundColor = kSplitLineColor
        self.line2.width = self.view.width
        self.line2.height = CGFloatAutoFit(1)
        self.line2.x = 0
        self.line2.y = self.doctorDescContentLabel.frame.maxY   CGFloatAutoFit(15)
        self.scrollView.addSubview(self.line2)

        self.goodAtLabel.text = "擅长领域"
        self.goodAtLabel.textColor = HexColor("333333")
        self.goodAtLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(15))
        self.goodAtLabel.sizeToFit()
        self.goodAtLabel.x = CGFloatAutoFit(10)
        self.goodAtLabel.y = CGFloatAutoFit(15)   self.line2.frame.maxY
        self.scrollView.addSubview(self.goodAtLabel)

        self.tipsView.x = CGFloatAutoFit(10)
        self.tipsView.y = CGFloatAutoFit(15)   self.goodAtLabel.frame.maxY
        self.tipsView.width = self.view.width - CGFloatAutoFit(20)
        let tipsViewHeigth = self.tipsView.getFrame() //自己根据数据布局
        self.scrollView.addSubview(self.tipsView)

        self.line3.backgroundColor = kSplitLineColor
        self.line3.height = CGFloatAutoFit(5)
        self.line3.width = self.view.width
        self.line3.x = 0
        self.line3.y = tipsViewHeigth   self.tipsView.y   CGFloatAutoFit(15)
        self.scrollView.addSubview(self.line3)

        self.specialLabel.text = "特色服务"
        self.specialLabel.textColor = HexColor("333333")
        self.specialLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(15))
        self.specialLabel.sizeToFit()
        self.specialLabel.x = CGFloatAutoFit(10)
        self.specialLabel.y = CGFloatAutoFit(15)   self.line3.frame.maxY
        self.scrollView.addSubview(self.specialLabel)


        let imgViewF = UIImageView()
        imgViewF.width = CGFloatAutoFit(24)
        imgViewF.height = CGFloatAutoFit(24)
        imgViewF.y = self.specialLabel.frame.maxY   CGFloatAutoFit(18)
        imgViewF.x = CGFloatAutoFit(52)
        imgViewF.image = UIImage.init(named: "user_oth_icon1")
        self.scrollView.addSubview(imgViewF)

        let publicLabel = UILabel()
        publicLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(12))
        publicLabel.textColor = HexColor("3da5f7")
        publicLabel.text = "公开直播"
        publicLabel.sizeToFit()
        publicLabel.centerX = imgViewF.centerX
        publicLabel.y = imgViewF.frame.maxY   CGFloatAutoFit(15)
        self.scrollView.addSubview(publicLabel)

        let imgViewS = UIImageView()
        imgViewS.width = CGFloatAutoFit(24)
        imgViewS.height = CGFloatAutoFit(24)
        imgViewS.y = self.specialLabel.frame.maxY   CGFloatAutoFit(18)
        imgViewS.centerX = self.view.width * 0.5
        imgViewS.image = UIImage.init(named: "user_oth_icon2")
        self.scrollView.addSubview(imgViewS)

        let videoLabel = UILabel()
        videoLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(12))
        videoLabel.textColor = HexColor("3da5f7")
        videoLabel.text = "视频咨询"
        videoLabel.sizeToFit()
        videoLabel.centerX = imgViewS.centerX
        videoLabel.y = imgViewS.frame.maxY   CGFloatAutoFit(15)
        self.scrollView.addSubview(videoLabel)

        let imgViewT = UIImageView()
        imgViewT.width = CGFloatAutoFit(24)
        imgViewT.height = CGFloatAutoFit(24)
        imgViewT.y = self.specialLabel.frame.maxY   CGFloatAutoFit(18)
        imgViewT.x = self.view.width - imgViewT.width - CGFloatAutoFit(52)
        imgViewT.image = UIImage.init(named: "user_oth_icon3")
        self.scrollView.addSubview(imgViewT)

        let voiceLabel = UILabel()
        voiceLabel.font = UIFont.systemFont(ofSize: CGFloatAutoFit(12))
        voiceLabel.textColor = HexColor("3da5f7")
        voiceLabel.text = "语音咨询"
        voiceLabel.sizeToFit()
        voiceLabel.centerX = imgViewT.centerX
        voiceLabel.y = imgViewT.frame.maxY   CGFloatAutoFit(15)
        self.scrollView.addSubview(voiceLabel)


        self.specialBottomline.backgroundColor = kSplitLineColor
        self.specialBottomline.height = CGFloatAutoFit(5)
        self.specialBottomline.width = self.view.width
        self.specialBottomline.x = 0
        self.specialBottomline.y = self.line3.frame.maxY   CGFloatAutoFit(120)
        self.scrollView.addSubview(self.specialBottomline)

        self.videoCell.height = CGFloatAutoFit(60)
        self.videoCell.width = self.view.width
        self.videoCell.y = self.specialBottomline.frame.maxY
        self.videoCell.x = 0
        self.videoCell.setTitle("私密咨询", for: .normal)
        self.scrollView.addSubview(self.videoCell)
        self.videoCell.addTarget(self, action: #selector(self.onCellClicked(sender:)), for: .touchUpInside)

        self.liveCell.height = CGFloatAutoFit(60)
        self.liveCell.width = self.view.width
        self.liveCell.y = self.videoCell.frame.maxY
        self.liveCell.x = 0
        self.liveCell.setTitle("公开直播", for: .normal)
        self.liveCell.addTarget(self, action: #selector(self.onCellClicked(sender:)), for: .touchUpInside)
        self.scrollView.addSubview(self.liveCell)


        self.messageCell.height = CGFloatAutoFit(60)
        self.messageCell.width = self.view.width
        self.messageCell.y = self.liveCell.frame.maxY
        self.messageCell.x = 0
        self.messageCell.setTitle("用户留言", for: .normal)
        self.messageCell.addTarget(self, action: #selector(self.onCellClicked(sender:)), for: .touchUpInside)
        self.scrollView.addSubview(self.messageCell)


        self.bottomLine.backgroundColor = kSplitLineColor
        self.bottomLine.height = 500
        self.bottomLine.width = self.view.width
        self.bottomLine.x = 0
        self.bottomLine.y = self.messageCell.frame.maxY
        self.scrollView.addSubview(self.bottomLine)

        self.bottomView.height = 50
        self.bottomView.width = self.view.width
        self.bottomView.x = 0
        self.bottomView.y = self.view.height - 50
        self.bottomView.backgroundColor = UIColor.white
        self.view.addSubview(self.bottomView)

        self.focusBtn.height = 50
        self.focusBtn.width = self.view.width * 0.5
        self.focusBtn.x = 0
        self.focusBtn.y = 0
        self.bottomView.addSubview(self.focusBtn)
        self.focusBtn.setTitleColor(HexColor("666666")!, for: .normal)
        self.focusBtn.titleLabel?.font = UIFont.systemFont(ofSize: 15)
        self.focusBtn.imageEdgeInsets = UIEdgeInsets(top: 0, left: -8, bottom: 0, right: 0)
        self.focusBtn.titleEdgeInsets = UIEdgeInsets(top: 0, left: 8, bottom: 0, right: 0)
        self.focusBtn.addTarget(self, action: #selector(OtherUserInfoViewController.follow_btnDidTap(sender:)), for: .touchUpInside)

        self.giftBtn.height = 50
        self.giftBtn.width = self.view.width * 0.5
        self.giftBtn.x = self.giftBtn.width
        self.giftBtn.y = 0
        self.bottomView.addSubview(self.giftBtn)
        self.giftBtn.setTitle("送心意", for: .normal)
        self.giftBtn.setTitleColor(HexColor("666666")!, for: .normal)
        self.giftBtn.titleLabel?.font = UIFont.systemFont(ofSize: 15)
        self.giftBtn.setImage(UIImage(named: "user_zhaunz"), for: .normal)
        self.giftBtn.imageEdgeInsets = UIEdgeInsets(top: 0, left: -8, bottom: 0, right: 0)
        self.giftBtn.titleEdgeInsets = UIEdgeInsets(top: 0, left: 8, bottom: 0, right: 0)
        self.giftBtn.addTarget(self, action: #selector(OtherUserInfoViewController.gitfMoney), for: .touchUpInside)

        self.scrollView.contentSize = CGSize(width: 0, height: self.messageCell.frame.maxY   50)

        self.view.bringSubview(toFront: self.navigationView!)

    }

}

图片 13

落到实处的痛感都以相仿的

前段时间正是手写代码非常的优伤,不驾驭怎么管理,有广大代码写的很雅淡,不过写好生龙活虎套就无需思谋任何手提式有线话机的适配难题那么些就很爽了。写习于旧贯了只后速度放缓的话也跟XIB大概,XIB写好了索要调度,那几个写好了就不用动了,维护方面和XIB差不了多少,大概那地点要差一些,看别人的代码大概未有XIB清晰,假设说是本人写的作者倒是感到手写代码还比XIB轻巧。

iOS大器晚成套代码适配全部华为手机布局完毕方案 本文主假使陈诉意气风发套代码适配全部HTC手...

手淘移动Web适配方案

  1. 手淘flexible方案只对iOS设备实行dpr的决断,对于Android种类,都始终感觉dpr为1。

  2. 取 dpr 的倒数作为缩放比例,对 iOS 设备 dpr = window.devicePixelRatio ,别的设施以为 dpr 为 1
    对 iOS 设备,令上边提到的公式 缩放比例 = 理想视口尺寸 / 可视视口尺寸,设备像素比 = 物理像素数 / 理想视口尺寸 中 设备缩放比 = 1 / 缩放比例 能够分娩 可视视口尺寸 = 物理像素数,相同的时候鉴于未有设置 meta 标签的 width 值,有 布局视口尺寸 = 可视视口尺寸 = 物理像素数,这意味着布局视口中的像素单位是和情理像素大器晚成黄金时代对应的,css单位中1px严格等于一个概略像素。

    对非 iOS 设备,将 dpr 设为 1,缩放比例也为 1,和腾讯网音信的方案相符。

  3. 对于描述性文本,则依据data-dpr进行区分,使用px作为单位。

此外手淘方案已经拓宽了创新,请戳这里

例如:
MyImage.png - 1x 显示器自动加载的图样版本
MyImage@2x.png - 2x 显示器自动加载的图纸版本
MyImage@3x.png - 3x 显示器自动加载的图片版本
MyImage@2x~iphone.png - 2x 小米 和 iPod touch 显示屏自动加载的图样版本
MyImage@3x~iphone.png - 3x 小米 and iPod 显示屏自动加载的图纸版本

2x荧屏的装置会自行加载 xxx@2x.png 命名的图形能源,3x显示屏的道具会自动加载 xxx@3x.png 的图样, 今后着力没有1x荧屏的设施了,能够不要提供这一个分辨率的图纸了。
二、设计和开拓时期的多屏适配难题
几日前应用程式设计开采必需构思适配大、中、小三种显示器。所以什么造成交付黄金时代套设计稿排除适配大中型小型三屏的难点?设计和开荒时期利用什么合营格局?
贰个基本思路是:
筛选意气风发种尺寸作为规划和开销规范;
概念风流倜傥套适配准则,自动适配剩下三种尺寸;
破例适配效果给出设计功用。

中间见到手提式有线电话机天猫商城的应用方案,和本身的主见大约,几天前才看出,以前走了弯路。

图片 14

本文由新浦京81707con发布于软件下载,转载请注明出处:移动端Web页面适配浅析,iOS一套代码适配所有i

关键词: 新浦京81707con 前端-其他 开发设计 swift学习笔记

上一篇:新萄京赌场手机版:Linux驱动开发,Linux驱动开发

下一篇:没有了