文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    移动应用界面设计的尺寸规范「建议收藏」

    原因是他们不会因为ppi的变化而变化，在相同物理尺寸和不同ppi下，他们呈现的高度大小是相同。也就是说更接近物理呈现，而px则不行。...（px=pt*ppi/72） iPhone在出retina屏(也就是4S)之前的屏幕像素是320x480px，屏幕密度是163ppi，4S的屏幕像素是640x960px，屏幕密度是326ppi，翻了一倍...960-40-88-98 以上尺寸适用于 iPhone4、4S，iPhone5/5s 的 640×11136 的尺寸，其实就是中间的内容区域高度增加到：910 px，其他尺寸也同上。...作为对照，正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。 – 通常来说，每一档文字大小设置的字体大小和行间距的差异是 2 点。...例外情况是两个标题样式，在最小、小和中等设置时都使用相同字体大小、行间距和字间距。 – 在最小的三种文字大小中，字间距相对宽阔；在最大的三种文字大小中，字间距相对紧密。

    5.2K20

    【总结】移动应用界面设计的尺寸设置及规范

    原因是他们不会因为ppi的变化而变化，在相同物理尺寸和不同ppi下，他们呈现的高度大小是相同。也就是说更接近物理呈现，而px则不行。...（px=pt*ppi/72） iPhone在出retina屏(也就是4S)之前的屏幕像素是320x480px，屏幕密度是163ppi，4S的屏幕像素是640x960px，屏幕密度是326ppi，翻了一倍...-40-88-98 以上尺寸适用于 iPhone 4、4S，iPhone5/5s 的 640×11136 的尺寸，其实就是中间的内容区域高度增加到：910 px，其他尺寸也同上。...作为对照，正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。 – 通常来说，每一档文字大小设置的字体大小和行间距的差异是 2 点。...例外情况是两个标题样式，在最小、小和中等设置时都使用相同字体大小、行间距和字间距。 – 在最小的三种文字大小中，字间距相对宽阔；在最大的三种文字大小中，字间距相对紧密。

    3.6K40

    Phonegap之ios对iPhone6和Plus的闪屏适配 -- xmTan

    故事的发生起于，由于老板强烈要求app在iPhone6和5有一样的工具栏，然后前端妹子用@media为iPhone6和Plus做了样式适配。...然后问题来了，竟然奇葩的发现@media样式只对iPhone4和5起了作用，然后在6和6S的样式效果和5是一样的，奇了怪了！ 　　...然后另外还发现了，app的启动图片，也是所谓的”闪屏”（splash），6和6S、Plus都共用了iPhone5的启动图片： Default-568h@2x~iphone.png。...就算你在app的资源文件夹splash那里增加了图片：Default-667h@2x~iphone.png和Default-736h@3x~iphone.png， 可是打包到6和Plus上时，加载的启动图片还是...2、资源文件夹splash里除了原有的启动图片，再增加对6和Plus的适配启动图片，命名和图片宽高和工程配置里的配置一致： 6和6S: Default-667h@2x~iphone.png,

    74040

    reactNative跨平台app开发经验分享-跨平台开发兼容

    RN的样式编辑，在Android和ios上有些也会有所不同 这就涉及到了平台兼容 比较常见的兼容问题有： 大小，宽高，字体，不同手机系统的独占组件等等 如何解决这些问题 我是这样做的：...// 关于宽高大小 // 解决思路为，封装一个独立的工具函数，来处理手机不同大小尺寸的兼容 /** * Created by zhuoy on 2017/6/27...* 屏幕工具类 * ui设计基准,iphone 6 * width:750 * height:1334 */ /* 设备的像素密度，例如： PixelRatio.get() === 1...4, 4S,iPhone 5, 5c, 5s,iPhone 6,xhdpi Android 设备 (320 dpi) PixelRatio.get() === 3 iPhone 6...(); //返回字体大小缩放比例 let pixelRatio = PixelRatio.get(); //当前设备的像素密度 const defaultPixel

    2.6K20

    Android中你可能忽略的知识点(1)-分辨率那些事

    这个应该不需要过多解释，平常我们所说的手机的分辨率为1920x1080，这里的单位用的就是px，也就是说高为1920个像素，宽为1080个像素 sp 在Android中用来表示字体大小，“Android...sp单位除了受屏幕密度影响外，还受到用户的字体大小影响，通常情况下，建议使用sp来跟随用户字体大小设置。...我们可以看到注释：也就是说当手机dpi是120的时候会加载ldpi下的资源，160的时候会加载mhdpi下的资源，以此类推…但是我们在开发中可能并不会真的要建立这6个资源文件夹,因为这6套资源图片文件所占的容量大小还是不可小觑的...先来看一下IOS中手机尺寸和分辨率 设备 屏幕尺寸 分辨率 Reader iPhone4/4s 3.5 640x960 @2x iPhone5/5s/5c 4.0 640x1136 @2x iPhone6...4.7 750x1334 @2x iPhone6P 5.5 1242x2208 @3x iPhone7 4.7 750x1334 @2x iPhone7P 5.5 1242x2208 @3x iPhone8

    85210

    IOS基础知识第二季

    6.icon需要有29*29 和 58*58 7.模拟器快捷键： 8.沙盒：IOS将各个APP分别存放再文件系统的独立位置 模拟器中的沙盒位置：~/Library/资源库/Application...，调用UIApplicationMain,释放自动释放池 10.作业： icon、default、app名字、100秒倒计时、后台挂起 11.UIKIT框架结构 UIView是视图的基类 UIViewController...是视图控制器的基类 12.每个应用至少一个窗口，UIWindow继承UIView 自动创建（xcode4.5之后） 13.UIScreen对象可以充当IOS设备物理屏幕的替代者 14.Iphone4...之前320*480 IPHone4，4s是640*960 iphone5设备屏幕：640*1136 ipad/ipad2：1024*768 ipad3/ipad4:2048*1536 ipad...SubView *_view = (SubView *)[self.window viewWithTag:110]; 这样view才能使用subview中的方法 这样我们自定义的UIView需要重载

    97060

    iPhone 各屏幕尺寸及解析

    pt 640*960 px @2x 1.5 2:3 5/5S/5c/SE 4.0 inch 326 ppi 320*568 pt 640*1136 px @2x 1.77 9:16 6/6S/...点（point）和像素（pixel）换算关系 iPhone3GS 1point = 1pixel iPone4/4s/5/5S/5c/SE/6/6s 1point = 2pixel iPhone6Plus...所以到了iPhone 4，逻辑分辨率和物理分辨率的关系就成了： 1 pt = 2 px 解释一： 物理分辨率是硬件所支持的，逻辑分辨率是软件可以达到的。...打个比方就是：相同字号的情况下，iPhone 6如果一行显示了25个字，而 iPhone 6 Plus 按这个逻辑pt方案，一行就会只能显示24 个字了。...1 point = 1 pixel 后来在iPhone4中，同样大小（3.5inch）的屏幕采用Retina(视网膜)屏幕显示技术，横、纵向方向像素密度都被放大到2倍，像素分辨率提高到（320 * 2）

    3.3K20

    iOS屏幕适配概述1 屏幕适配简介2 Autoresizing3 Auto Layout

    [toc] 1 屏幕适配简介 1.1 屏幕发展历史 手机型号 |屏幕大小 | 分辨率 ------------ | ------------- 4, 4S |3.5 | 320480 5,5C,5S...4S iOS 6 | Auto Layout | Xcode4.5 | 2012年09月20日 | iPhone 5 iOS 8 | Size Classes + Auto Layout | Xcode6.0.1...6S 1.3 适配技术介绍 直接使用 frame 计算控件的位置 特点：程序中存在大量的 MagicNumber iPhone\ iPhone3G \ iPhone3GS \ iPhone4 \...Classes + Auto Layout 使用 Size Classes + Auto Layout 进行屏幕适配 当 iPhone6 发布以后，苹果设备的屏幕越来越多(以后也可能出现更多不同大小的屏幕...)，为了能更容易的适配不同 的屏幕，苹果推出了 Size Classes 技术 通过 Auto Layout 设置的约束，约束一旦添加就会应用于各种屏幕（也就是说在 各种不同的屏幕下都使用相同的约束）

    1.3K30

    什么是移动端开发【重点学习系列—干货十足–一万字详解】

    最标准的 2K 分辨率为 2048×1024 几款手机的分辨率 型号 分辨率 IPhone 3GS 320 * 480 IPhone 4 / 4s 640 * 960 IPhone 5 / 5s 640...几款手机的屏幕像素参数,点击这里查看更多 型号 设备像素总和 设备独立像素总和 IPhone 3GS 320 * 480 320 * 480 IPhone 4 / 4s 640 * 960 320 *...480 IPhone 5 / 5s 640 * 1136 320 * 568 IPhone 6 / 7 / 8 750 * 1334 375 * 667 HUAWEI P10 1080 x 1920 360...而且两个都是相对长度单位，不过两个有点区别 em 相对的是父级元素的字体大小 rem 相对的是根元素的字体大小 核心是等比缩放 rem 适配的策略有以下几种 方法一 先按照 IPhone 6 进行页面布局...= document.documentElement.clientWidth*100/375+'px'; 方法三 选择一个设计稿宽度的比例尺寸作为根元素的字体大小 完美视口设置 通过 JS 设置页面的根元素字体大小

    2.6K21

    iOS开发 ——全机型适配思路

    今天打算跟大家聊聊最近研究的全机型适配思路。 当前我们需要适配的iPhone机型有4s、5s、6s、6Plus四种机型。...它们的尺寸分别是 iphone4s {320, 480} 960*640 iphone5 5s {320, 568} 1136*640 iphone6 6s {375, 667...中我们能很方便的设置各个控件之间的约束，但是对于类似4s机型和6s Plus机型的很大的高度差，有时候仅仅靠一次性成型的约束还是搭建不出很合理的界面。...思路如下: 美工提供的效果图是基于iPhone6的效果图 而我只需要将标注上的每个尺寸去对比iPhone6换算出比例，这样一些间距就能按照不同机型尺寸的比例变得不一样。...针对考虑交互体验的控件，在保持尺寸不变的基础上，做细节微调。 在具体的代码中，我封装出了一个类，定义了两个类方法专门去适配所有机型的高度和宽度。

    69920

    编码篇-学会小用宏和条件编译

    前言 宏定义在C系开发中可以说占有举足轻重的作用。底层框架自不必说，为了编译优化和方便，以及跨平台能力，宏被大量使用，可以说底层开发离开define将寸步难行。...而在更高层级进行开发时，我们会将更多的重心放在业务逻辑上，似乎对宏的使用和依赖并不多。 编译时编译器会在语义分析认定是宏后，将形参替换为实参，这个过程称为宏的展开。...CGSizeEqualToSize(CGSizeMake(640, 960), [[UIScreen mainScreen] currentMode].size) : NO) 大小屏字体自动切换 有的应用希望有一个好的用户体验会在不同的屏幕上适配不同大小字体...但是如果应用中字体大小不能做到全局统一，就不要使用以下的宏定义来实现字体大小适配。...所以条件编译的条件一般是利用宏定义，因为宏定义和条件编译都是编译之前进行的。

    77620

    偏执的iOS逆向研究员：收集全版本的macOS iOS+越狱+内核调试

    Kit）对虚拟机里的macOS Sierra 10.12进行内核调试； 3 .iPhone 4s iOS 9.3.5免shsh降级到iOS 6.1.3及iOS 8.4.1； 4 .iOS 6、7...、8、9、10：全系统越狱；一部4和一部4s，实现iOS 6、7、8、9任意漫游； 六个版本的虚拟机一键安装 Vagrant是一个基于Ruby的工具，用于创建和部署虚拟化开发环境。...当然，iOS 6.1.3和iOS 8.4.1都是可以完美越狱的，所以，读者有了iPhone 4s，就等于拥有了三个可以越狱的系统，用来学习是完全足够了。...iOS全版本越狱；一部4和一部4s，实现iOS 6、7、8、9任意漫游 iOS 6、7的越狱就不说了，网上资料多如牛毛； iPhone 4的最新系统是iOS 7.1.2，可以用盘古越狱进行完美越狱。...iPhone 5s iOS 10.2的越狱流程 本次用来实验的机型是A1530 iPhone 5s，系统版本为iOS 10.2（14C92）。 首先下载已经编译好的IPA，因为这种方法是最简单的。

    2.9K70
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券