手机屏幕适配_css适配手机屏幕大小_识别设备适配手机屏幕 - 腾讯云开发者社区

文章目录一、屏幕适配限定符二、手机/平板电脑设备屏幕适配平板电脑市场占有率密度无关像素计算手机设备限定符平板设备限定符参考文档 : 设备兼容性概览屏幕兼容性概览支持不同的像素密度声明受限屏幕支持...一、屏幕适配限定符 ---- Android 系统加载应用资源时 , 会根据当前运行应用的设备的相关属性 , 如 : 屏幕尺寸 / 屏幕像素密度 / 宽高比 / 屏幕方向等属性 , 加载不同的屏幕适配限定符目录下的资源...16:9 ; long : 比标准屏幕要长的屏幕 , 如 20:9 , 21:9 ; notlong : 标准屏幕 ; 二、手机/平板电脑设备屏幕适配 ---- 平板电脑市场占有率 Android..., 其中的 xx 是横向的密度无关像素 ( DIP , Desity Independent Pixels ) 值 , 单位是 dp / dip ; 在【Android 屏幕适配】屏幕适配基础概念...在布局或图片目录名称中 , 加上 sw360dp 限定符 , 几乎兼容所有的手机设备 ; 当前市面上的手机 , 屏幕宽度很少有超过 360 dp 的 ; 只要横向密度无关像素 \rm

7.1K2 0

Android手机全面屏（18：9屏幕）适配指南

暂且不论所谓全面屏如何定义，作为Android开发者更多关心的是屏幕适配的兼容性。全面屏刚出来的时候并不可怕，可怕的是后来出现了一些异形全面屏——把屏幕挖掉一块的那种异类！...全面屏手机大致思路都是压缩额头与下巴，屏幕比例从传统的16：9变为18：9，提高屏占比以及屏幕内的虚拟导航键，本文将简要介绍全面屏适配中一些需要注意的东西以及解决方案。...适配指南一、声明最大屏幕高宽比在应用配置文件AndroidManifest.xml中显式声明支持的最大屏幕高宽比（maximum aspect ratio）。...鉴于目前全面屏屏幕比例，将ratio_float设置为2.1即可适配一众全面屏手机。...结语总的来说，全面屏的到来为沉闷的手机ID设计带来了些惊喜，虽然不少开发者骂娘，但还是应当顺应历史潮流，况且很多情况Android系统早已有适配方案了不是？

1.8K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

Android手机全面屏（18：9屏幕）适配指南

从小米MIX 1发布以来，越来越多所谓“全面屏”手机发布，如三星S8，小米MIX2，VIVO X20，Google Pixel2等等…2017年下半年开始，“全面屏”将大范围覆盖，低至千元机水平，就像当年手机屏幕从...暂且不论所谓全面屏如何定义，作为Android开发者更多关心的是屏幕适配的兼容性。全面屏刚出来的时候并不可怕，可怕的是后来出现了一些异形全面屏——把屏幕挖掉一块的那种异类！...全面屏手机大致思路都是压缩额头与下巴，屏幕比例从传统的16：9变为18：9，提高屏占比以及屏幕内的虚拟导航键，本文将简要介绍全面屏适配中一些需要注意的东西以及解决方案。...适配指南一、声明最大屏幕高宽比 1.1:在应用配置文件AndroidManifest.xml中显式声明支持的最大屏幕高宽比（maximum aspect ratio）其中 ratio_float 为高宽比...鉴于目前全面屏屏幕比例，将ratio_float设置为2.1即可适配一众全面屏手机。

1.4K1 0

flutter 屏幕适配

屏幕适配之屏幕算法既然是算法适配就必然少不了获取屏幕宽高，我们用的就是媒体查询（MediaQuery），下面是封装方法过后的，当然直接使用也是可以的： // 整屏宽度 double winWidth...context) { return MediaQuery.of(context).size.height; } 案例1：蓝湖设计图有一张轮播图，宽度是 335 高度是 120，左右间隔是10，如何使用屏幕算法适配全机型屏幕宽和高..., color: Colors.amber.withOpacity(0.5), ), child: new Text('模拟图片'), ), 效果图片图片这就是一个普通的屏幕算法适配例子...，使用的是小学数学里的常用加减乘除，用了多少就用整个的减多少，很常见也很简单很实用，在企业开发中用到这套就已经能完全适配所有屏幕了，主要是灵活应变。...不过能用组件来适配的还是建议使用组件。

1.3K1 0

iOS 屏幕适配

现在开发iOS无非就是用xib和纯代码开发，不论用什么方式开发都少不了屏幕适配。这只是个人开发中使用的方法也不一定是最好的方法，仅供交流和分享使用。...Xib 屏幕适配关于xib屏幕适配要注意两点 1.字体大小适配 2.控件约束适配 xib字体适配 UILable 为例子 #import NS_ASSUME_NONNULL_BEGIN...bounds.size.width/kDesignWidth; return scaleSize; } @end Macro #ifndef Macro_h #define Macro_h // 基准屏幕宽度...(iphone 6) #define kDesignWidth 375.0 // 以屏幕宽度为固定比例关系，来计算对应的值。...利用IBInspectable关键字和分类 1.写一个NSLayoutConstraint的分类,添加adapterScreen的属性（Bool 值，yes代表需要对屏幕进行等比例适配） #import

1.2K2 0

手机游戏开发中，Unity中的屏幕适配技术

在Unity中，常用的屏幕适配技术有两种：固定宽高比适配和多分辨率适配。 1....固定宽高比适配（Fixed Aspect Ratio）固定宽高比适配是指在游戏运行的过程中，保持游戏画面的宽高比不变，适应不同尺寸的屏幕。...根据当前设备的屏幕宽高比，来确定实际游戏画面的显示区域。如果当前设备的宽高比与目标宽高比不一致，可以通过调整Camera的Size或Viewport Rect的位置和尺寸来实现画面的适配。...当前设备的屏幕宽高比为4:3。如果当前设备的高度较宽，需要调整Camera的Size（镜头的视野）来适配。...以上就是Unity中的屏幕适配技术和具体实现方法的解释和示例。

2.3K3 0

Flutter之屏幕适配

因移动设备的多样性，特别是 Android 的碎片化严重，存在各种各样的分辨率，而 Flutter 跨平台开发又需同时支持 Android 和 iOS ，为尽可能的还原设计图效果提升用户体验，屏幕适配就势在必行了...Flutter 暂时没有官方的屏幕适配方案，在 Flutter 项目开发中目前大部分的适配方案都是通过比例来进行适配，是一个通用的适配方法，该适配方法也在前端、Android、iOS、小程序等开发中广泛使用...但是如果有特殊需求也可以使用高度来进行适配，比如需求要求是 banner 占屏幕的 1/4 ，或者要求内容刚好一屏显示，这个时候设置控件的高度时就可以采用高度单位来进行适配。...flutter_screenutil flutter_screenutil 就是基于上述比例适配原理而实现的屏幕适配库。目前最新版本是 5.0.1，在 GitHub 上拥有 2.8k 的 star 。...可通过如下 api 获取宽高以及字体的适配数值： ScreenUtil().setWidth(540) //根据屏幕宽度适配尺寸 ScreenUtil().setHeight(200) //根据屏幕高度适配尺寸

2K2 0

15.屏幕适配

屏幕适配主流屏幕: 1280*720, 遵循原则: 不用AbsoluteLayout(绝对布局), 多用相对布局&线性布局(权重), 要用dp,不用px 开发后期, 在不同分辨率屏幕上测试(480...图片适配不是很常用，分别在drawable各放一套图，但会导致软件体积很大布局适配不是很常用, layout-800x480 专门适配480*800的屏幕尺寸适配 dp和px的关系: dp...density); 320*240(0.75), 480*320(1),480*800(1.5),1280*720(2) values->dimens.xml values-1280x720 权重适配...android:weightSum="3" 代码适配获取屏幕宽高,动态计算控件大小在智慧北京引导页下面的圆点写死了，侧边栏也在大屏幕会拉出很长，现在修改： 1.创建工具类 public class...slidingMenu.setBehindOffset(width * 200 / 320);// 设置预留屏幕的宽度，按比例 initFragment(); } 美工做的来自为知笔记(Wiz

3391 0

15.屏幕适配

7778 0

浅谈 Android 屏幕适配

支持每种密度的位图可绘制对象的相对大小适配方案密度独立性应用显示在密度不同的屏幕上时，如果它保持用户界面元素的物理尺寸（从用户的视角），便可实现“密度独立性” 。...可用的宽度也是确定是否对手机使用单窗格布局或是对平板电脑使用多窗格布局的关键因素。因此，您可能最关注每部设备上的最小可能宽度。...图标的适配在进行开发的时候，我们需要把合适大小的图片放在合适的文件夹里面。...图标的各个屏幕密度的对应尺寸 .9图自动拉伸 ImageView的ScaleType属性设置不同的 ScaleType 会得到不同的显示效果，一般情况下，设置为 centerCrop 能获得较好的适配效果...例如，如果要将用户界面设计成在手机上显示单面板，但在 7 英寸平板电脑、电视和其他较大的设备上显示多面板，那么我们就需要提供以下文件： res/values-large/layout.xml:

1.4K1 0

【Android 屏幕适配】屏幕适配基础概念 ① ( Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI )

文章目录一、Android 与 iOS 屏幕宽高比种类二、屏幕像素密度参考文档 : 设备兼容性概览屏幕兼容性概览支持不同的像素密度声明受限屏幕支持一、Android 与 iOS 屏幕宽高比种类...---- Android 屏幕尺寸类型如下 , 安卓设备的屏幕尺寸复杂性远远高于 iOS 设备 , Android 设备有两万种屏幕类型 , iOS 只需要适配五种分辨率即可 ; iOS 屏幕尺寸如下..., 只需要适配有限的几种屏幕类型即可 ; 二、屏幕像素密度 ---- 屏幕像素密度的单位是 DPI , 是 Dots Per Inch 的缩写 , 也就是每英寸的像素点个数 ; 屏幕尺寸...指的是屏幕斜对角的英寸长度 ; 假设屏幕尺寸为 6.5 寸 , 屏幕的宽高分辨率为 1080 \times 1920 , 计算该屏幕的屏幕像素密度 ( DPI , Dots Per Inch...3253 ② 然后计算每英寸的像素个数 : DPI = \cfrac{对角线像素个数}{屏幕尺寸} = \cfrac{3253}{6.5} \approx 500

6.5K3 0

Android适配全面总结（一）----屏幕适配

由于Android碎片化严重，导致开发中一套代码在不同手机上运行起来效果不是很好，兼容性不是很好，这就需要对不同分辨率，不同屏幕大小的手机做屏幕适配。 2、版本适配。...（这个是最难的，工作量也是最大的，如果没有不同版本手机适配的积累，遇到问题都不知道怎么解决。）...由于Android是开源的，不同的手机厂商有自己定制的ROM，对系统的api可能有变更，也有可能新增一些api，所以在开发中，要针对不同厂商的手机做一些特殊适配。...通过以上两点，大家也会发现一个问题：适配手机没问题。但是适配平板发现Android3.2前后的这两个文件内容是一样的，只是文件名不同而已。...适配手机的单面板（默认）布局：res/layout/main.xml 适配尺寸>7寸平板的双面板布局（Android 3.2前）：res/layout-large/main.xml 适配尺寸>7寸平板的双面板布局

2.1K4 0

Android开发屏幕适配之像素密度适配

由于市场上采用Android系统的设备种类繁多，迫使Andriod开发人员不得不做烦人的适配工作。适配工作包括对安装不同Android版本的设备进行适配，对不同屏幕的设备进行适配等。...而屏幕适配又包括：屏幕尺寸（small,normal,large,xlarge , 这些在Android 3.2以上版本开始不建议使用，转而使用最小屏幕宽度如 sw600dp，最小宽度，最小高度等）...屏幕方向（port 竖屏，land 横屏）屏幕像素密度（ldpi,mdpi,hdpi,xhdpi,xxhdpi,xxxhdpi）本文主要介绍屏幕像素密度适配相关知识。...屏幕像素密度指单位长度屏幕显示的像素，即常说的dpi (dots per inch)，每英寸点数。密度越高显示画面就越清晰。...128 -> 96），hdpi会拉伸大小（64 -> 96）最后一个ImageView引用的图片@drawable/hdpi_test_2 其大小是72×72，可以看出它的画质最为清晰，这也正体现根据屏幕像素密度适配的重要性

1.3K1 0

iOS-屏幕适配实现

常见布局方式固定间距：不同尺寸下，间距总是固定的流式布局：文字、图片等在不同屏幕下流式排布，比如大屏下一行显示四张图片，小屏一行三张，图片尺寸固定比例放大：间距、文字大小，图片大小等比例放大...保持比值：俩个UI元素或者图片的长宽等属性保持一定的比值对齐：元素间按某个方向对齐屏幕适配的方法 Autoresizing AutoLayou VFL Masonry SnapKit

1751 0

Android屏幕适配框架（二）

由于上一篇框架需要控件重新渲染一次，对于大型项目性能方面运行不够快，针对该问题进行优化核心思想：自定义组件，在组件的onMeasure中就改变控件的长宽等属性实现方法：自定义百分比组件，使用该组件自动适配该组件下所有子...float heightPercent = ((IGetPercent) layoutParams).getHeightPercent(); //适配不同屏幕...width_percent="0.5" /> 结论：在测量方法onMeasure中就完成对控件的适配

6751 0

Android屏幕适配之Autosize

一、简介 Autosize今日头条屏幕适配方案终极版，一个极低成本的 Android 屏幕适配方案。...实际使用配置如下图：图片 3、使用 3.1、布局.xml 在布局中直接使用dp与sp去适配就好，没有什么好说的直接上例子...在实际代码中我这边使用的的一个感觉比较使用的方法AutoSizeConfig.getInstance()，主要用来配置横竖屏分辨率，具体使用如下： //屏幕适配监听器...public void onAdaptBefore(Object target, Activity activity) { //使用以下代码, 可以解决横竖屏切换时的屏幕适配问题...若有想了解更多的可以去看一下源码：https://github.com/JessYanCoding/AndroidAutoSize 官方文档：一种极低成本的Android屏幕适配方式三、总结

1.1K1 0

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

[toc] 1 屏幕适配简介 1.1 屏幕发展历史手机型号 |屏幕大小 | 分辨率 ------------ | ------------- 4, 4S |3.5 | 320480 5,5C,5S...iOS版本 | 适配技术 | Xcode版本 | 正式版发布时间 | 手机机型 ----------|----------- |-----------|----------- iOS 5 | Autoresizing...(无需屏幕适配) 而且一个应用要么是横屏要么是竖屏, 几乎不存在能同时进行横竖屏切换的应用应用程序都是竖屏游戏几乎都是横屏官方应用大多支持横竖屏使用 Autoresizing 进行屏幕适配随着...iPad 的发布, 屏幕的物理尺寸发生了变化并且苹果建议，在 iPad 上运行的程序如果没有特殊原因，应该支持横竖屏切换因此：不能把控件的 frame 都写死了，需要进行屏幕适配为了解决屏幕适配需求...当 iPhone6 发布以后，苹果设备的屏幕越来越多(以后也可能出现更多不同大小的屏幕)，为了能更容易的适配不同的屏幕，苹果推出了 Size Classes 技术通过 Auto Layout 设置的约束

1.2K3 0

Android屏幕适配框架（一）

核心思路：利用ui设计稿的尺寸和手机自身尺寸得出缩放比，再将控件宽高处理后设置到控件上。...displayWidth; private static int displayHeight; // 后面要减去状态栏的高度 //状态栏高度 private int statusBarHeight; //屏幕信息...private DisplayMetrics displayMetrics; 首先使用WindowManager获取本机屏幕长宽，存放在displayMetrics.widthPixels 和 displayMetrics.heightPixels...displayMetrics = new DisplayMetrics(); windowManager.getDefaultDisplay().getMetrics(displayMetrics); 而实际屏幕大小要减去状态栏高度...(int) UIUtils.getInstance().getHeight(bottomPadding)); } } 可以使用上面工具类中的方法对单个控件进行适配

8103 0

Android 官方屏幕适配之ScreenMatch

关于屏幕适配的方案有两种，一种是使用ScreenMatch，一种是使用[AndroidAutoSize]。...如果项目只需要适配手机的话，适配的设备最小宽度保留 384,392,400,410,411,480,533,592,600,640,662,720,768,800,811,820,960,961,1024,1280,1365...即可，其中match_dp则表示需要适配的最小宽度值（如果是小数，则保留4位小数。...**ignore_dp=**忽略不需要适配的最小宽度值，即忽略掉插件默认生成的 dimens.xml 文件，例如忽略掉480,533的适配即：ignore_dp=480,533 如何使用例如我们需要

1.4K2 0

【Android 屏幕适配】屏幕适配基础概念 ③ ( 屏幕像素密度 DPI 与素材大小关联 | 屏幕像素密度 DPI 与屏幕密度限定符关联 )

文章目录一、屏幕像素密度 DPI 与素材大小关联二、屏幕像素密度 DPI 与屏幕密度限定符 xhdpi 关联参考文档 : 设备兼容性概览屏幕兼容性概览支持不同的像素密度声明受限屏幕支持一...、屏幕像素密度 DPI 与素材大小关联 ---- 屏幕像素密度 DPI 与素材大小关联 : 屏幕像素密度 ( DPI , Dots Per Inch ) 为 120 dpi 时 ( ldpi ) ,...对应屏幕分辨率 240 x 320 ( QVGA ) , 对应素材放在素材放在 res/mmap-ldpi 目录下 ; 屏幕像素密度 ( DPI , Dots Per Inch ) 为 160...dpi 时 ( mdpi ) , 对应屏幕分辨率 320 x 480 ( HVGA ) , 对应素材放在素材放在 res/mmap-mdpi 目录下 ; 屏幕像素密度 ( DPI , Dots...目录下 ; 屏幕像素密度 ( DPI , Dots Per Inch ) 为 480 dpi 时 ( xxhdpi ) , 对应屏幕分辨率 1080 x 1920 ( HD , 1080P )

3.1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

【Android 屏幕适配】屏幕适配基础概念 ④ ( 屏幕适配限定符 | 手机平板电脑设备屏幕适配 )

Android手机全面屏（18：9屏幕）适配指南

Android手机全面屏（18：9屏幕）适配指南

flutter 屏幕适配

iOS 屏幕适配

手机游戏开发中，Unity中的屏幕适配技术

Flutter之屏幕适配

15.屏幕适配

15.屏幕适配

浅谈 Android 屏幕适配

【Android 屏幕适配】屏幕适配基础概念 ① ( Android 与 iOS 屏幕宽高比种类 | 屏幕像素密度 DPI )

Android适配全面总结（一）----屏幕适配

Android开发屏幕适配之像素密度适配

iOS-屏幕适配实现

Android屏幕适配框架（二）

Android屏幕适配之Autosize

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

Android屏幕适配框架（一）

Android 官方屏幕适配之ScreenMatch

【Android 屏幕适配】屏幕适配基础概念 ③ ( 屏幕像素密度 DPI 与素材大小关联 | 屏幕像素密度 DPI 与屏幕密度限定符关联 )

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐