- 综合排序
- 最热优先
- 最新优先
- 来自专栏钻芒博客
css适配屏幕尺寸大小自适应
改新模板的时候考虑到单独适配手机端排版美化。只需要在css内写好窗口大小相对应的样式。访问就根据窗口大小自动使用相应的样式。下边是我写的适配样式，可参考。框架可拿去用，类和样式需根据自身调整。 效果如下图:图片示例如下:/*移动端适配开始*//*手机端适配 常规尺寸*/@media (max-width:768px) {.hh_usertop .user_av img { float: important;}}/*iphone X 适配*/@media only screen and (device-width:375px) and (device-height:812px) and important;}.hh_ziliao { margin-left: -80px;}}/*iPhone 5/SE适配*/@media only screen and (device-width important;} }/*移动端适配结束*/
6.8K20编辑于 2023-05-16 - 来自专栏IOS程序开发
iOS全尺寸适配方案探究
iOS全尺寸适配方案探究图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片
37500编辑于 2022-06-19 - 来自专栏全栈程序员必看
iPhone屏幕尺寸、分辨率及适配
A single @2x pointis a 2 × 2 square of 4 pixels; an @3x point is a 3 × 3 square of 9 pixels.” 9.Screen Bounds & Application Frame （1）UIScreen.bounds // Bounds of entire screen in points（本地坐标系 从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》 《iOS8适配须知》 《适配iOS8备忘录》 《iOS界面适配(一)(二)(三)》 《iPhone
11.4K20编辑于 2022-07-23 - 来自专栏码客
Android 适配18:9全面屏适配
前言 2017年是全面屏爆发的大热潮，18:9屏幕的相拥而来，在使用18:9等非传统16:9的手机之后，部分手机应用出现了上下黑边。 android:resizeableActivity="true"> 这种方案会开启Android N分屏功能，所以需要适配下每个 Activity 自适应高度. android:name="android.max_aspect" android:value="2.1" /> </application> 目前我主要用到第二种方式来适配 18:9的全面屏。
1.3K20发布于 2019-10-22 - 来自专栏Android技术分享
Android 适配各国语言、屏幕尺寸、系统版本及常见适配方法总结
根据网上的资料和个人经验总结，整理一份目前比较完整的适配大全，有疏漏之处还望指正。 一、适配国家语言 当用户在智能手机系统“设置”选项中更改了各国语言，这时我们需要在项目里通过资源目录实现适配语言。 二、屏幕适配 Android是用尺寸和分辨率这两种常规属性对设备加以分类。在我们开发项目中应该提供一些可选资源，针对尺寸和分别率来优化我们的界面外观。 ·Layout适配有4种尺寸 ：小(small)，普通(normal)，大(large)，超大(xLarge) ·Bitmap适配有4种分辨率：低Low精度(ldpi), 中Middle精度(mdpi image.png 其次，说一说这个XML布局文件的适配。 实际开发时，我们在xml布局里设置控件的宽高属性都是以“dp”做为单位，甚至还会遇到横竖屏页面适配情况。 前面提到了Layout适配尺寸有4种：小(small)，普通(normal)，大(large)，超大(xLarge) 所以，我们可以在资源文件Layout根目录创建不同尺寸的目录，系统会根据app所运行的设备屏幕尺寸
1.7K50发布于 2019-03-27 - 来自专栏Android 开发者
实践 | Google IO 应用是如何适配大尺寸屏幕 UI 的？
可能有些反直觉的是，当平板电脑横屏时属于窄尺寸模式，而当其竖屏使用时属于宽尺寸模式。 -- 宽尺寸时过滤标签的 ViewStub。 -- 窄尺寸时过滤标签的 ViewStub。 △ 宽屏幕设备上的设置界面 请您阅读这则关于支持不同屏幕尺寸的 指南，获得常见尺寸分界点的参考信息。 转换内容 Codelabs 功能与设置功能有相似的结构。 我们希望这些 Google I/O 应用上的变动能启发您构建充分适配各种形状和尺寸设备的美观、高质量的应用。欢迎您从 Github 下载代码，动手试一试。
3K20编辑于 2022-03-10 - 来自专栏微信终端开发团队的专栏
微信iOS9适配总结
每年iOS升级，都会带来一些坑，这次iOS9也不例外。本文总结了微信在适配iOS9上遇到的问题和解决方案。 一、iOS9问题汇总 1. 如果不支持分屏，需要在项目设置中的General - Deployment Info中勾选Requires full screen 2、如何适配iPad分屏 分屏和转屏本质上都是改变了屏幕的尺寸 （除了一些特殊情况，例如hardcode了屏幕尺寸等，见后面第3点。） 3.2 以前适配iPad转屏时，有些地方会使用willRotateToInterfaceOrientation等转屏回调来处理屏幕尺寸变化。 三、总结 本文总结了微信在适配iOS9中遇到的常见问题，相信iOS9还有其它深坑有待挖掘，欢迎大家补充。
2.6K50发布于 2018-01-29 - 来自专栏全栈程序员必看
ios学习7_iPhone屏幕尺寸、分辨率及适配
A single @2x pointis a 2 × 2 square of 4 pixels; an @3x point is a 3 × 3 square of 9 pixels.” 9.Screen Bounds & Application Frame （1）UIScreen.bounds // Bounds of entire screen in points（本地坐标系 从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》 《iOS8适配须知》 《适配iOS8备忘录》 《iOS界面适配(一)(二)(三)》
4.1K20编辑于 2022-08-27 - 来自专栏Java架构师必看
ios学习7_iPhone屏幕尺寸、分辨率及适配
今天说一说ios学习7_iPhone屏幕尺寸、分辨率及适配,希望能够帮助大家进步!!! ------------------------------------------ （4）bounds和frame的区别 下图展示了bounds和frame的区别： 10.机型尺寸适配 从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》 《iOS8适配须知》 《适配iOS8备忘录》 《iOS界面适配(一)(二)(三)》
1.6K50编辑于 2022-04-24 - 来自专栏Android 开发者
为什么你的应用需要对各种尺寸屏幕做适配优化？
查看这些应用：Gameloft、Evernote、Slack、1Password 如何适配 Chrome OS 系统。 ? 开发者可以通过将他们的应用适配 Chrome OS后来触达更多用户。 优化之后，狂野飙车 8 实现了 6 倍的日活用户增长以及 9 倍的来自 Chrome 用户的收入增长。 现在，为了更大屏设计成为 Gameloft 公司游戏系列最新版本的设计经验法则，狂野飙车 9：《传奇》现在已经可以在 Chromebook 下载。 为确保充分利用好在任意屏幕方向和尺寸上的窗口空间，开发团队将手机和平板电脑设备上的现有设计经验，与提供一个响应式布局这项技术结合，用来应对用户调整屏幕大小的操作。
1.3K20发布于 2019-04-01 - 来自专栏九彩拼盘的叨叨叨
让内容恰好占一屏，适配各种尺寸的设备的实现
有时候我们会有让内容恰好占一屏，并且适配各种尺寸的设备的需求。我们先不谈这样做会导致在一些设备上的显示不尽人意，直接谈如何实现。 在水平方向，宽度，水平方向的间距值如果为百分数的值，其值是相对于其父元素的宽度来计算的，可以实现水平方向适配不同尺寸的设备。 在垂直方向，高度值如果为百分数，其值是相对于父元素的高度来计算的。 因此，水平方向我们可以用百分数的方案来做适配。垂直方向需要其他方案。 我们能不能用 CSS3 的 Media Queries 呢？做不到。
1.6K30发布于 2018-08-24 - 来自专栏程思阳的专栏
Android手机 全面屏（18：9屏幕）适配指南
全面屏手机大致思路都是压缩额头与下巴，屏幕比例从传统的16：9变为18：9，提高屏占比以及屏幕内的虚拟导航键，本文将简要介绍全面屏适配中一些需要注意的东西以及解决方案。 ： 传统屏幕：ratio_float = 16/9 = 1.778 ； 三星S8屏幕：ratio_float = 18.5/9 = 2.056。 二、启动页适配 在做启动优化，解决冷启动白屏的时候，我们往往会为要启动的Activity设置主题为一张背景图。那么问题就来了，以往16：9的的背景图在18：9的屏幕中会有什么表现呢？ 这种情况下就尴尬了，我们知道很多启动页背景都是动态下发的（广告）内容丰富，即使是.9图在这种场景恐怕也难以解决。 金立18:9全面屏适配说明. 全面屏时代 | APP如何快速适配？ 这4个关键点你要知道！.
2.1K10编辑于 2022-01-10 - 来自专栏Android先生
Android手机 全面屏（18：9屏幕）适配指南
全面屏手机大致思路都是压缩额头与下巴，屏幕比例从传统的16：9变为18：9，提高屏占比以及屏幕内的虚拟导航键，本文将简要介绍全面屏适配中一些需要注意的东西以及解决方案。 其中 ratio_float 为高宽比： 传统屏幕：ratio_float = 16/9 = 1.778 ； 三星S8屏幕：ratio_float = 18.5/9 = 2.056。 鉴于目前全面屏屏幕比例，将ratio_float设置为2.1即可适配一众全面屏手机。 如果由于某些原因（UI适配等）禁止了分屏模式，这个时候就要注意了！负责将出现上下黑条的显示效果，奇丑无比！ 那么问题就来了，以往16：9的的背景图在18：9的屏幕中会有什么表现呢？ ? 这种情况下就尴尬了，我们知道很多启动页背景都是动态下发的（广告）内容丰富，即使是.9图在这种场景恐怕也难以解决。
2.1K10发布于 2018-08-07 - 来自专栏liukaili_666888999
iOS11、iPhone X、Xcode9 适配
如果使用了Masonry 进行布局，就要适配safeArea ([UIDevice currentDevice].systemVersion.floatValue >= 11.0) { make.edges.equalTo (self.view.safeAreaInsets); } else { make.edges.equalTo(self.view); } iOS 11适配之跳转App Store评论 在iOS
71720发布于 2019-07-02 - 来自专栏一“技”之长
iOS9系列专题6——iOS9其他适配注意点 原
iOS9适配注意点 一、后台定位类app适配点 在iOS8中，APP的定位服务apple就做了一些修改，需要用户申请相应的权限，并在info.plist文件中添加对应的键值。 在Xocde7中，新建的项目是默认开启BitCode的，如果我们用Xcode7编译提交应用，这里有需要注意适配的地方。 在iOS9的适配中，如果我们用到canOpenURL这样的方法，则需要配置白名单。 首先，我们创建一个测试工程，什么都不用做，只需要添加一个URL Scheme： ? ，在iOS8上则不行，如下： iOS9： ? 适配注意点： 1、可以通过动态计算来获取label的宽度，进行设置label的宽度 2、一个更简单的方法是通过设置一个确定的字体，来进行适配 专注技术，热爱生活，交流技术，也做朋友。
63830发布于 2018-08-16 - 来自专栏WeTest质量开放平台团队的专栏
Android 9 适配怎么做？ “QQ音乐”优化实录
为了让用户第一时间了解Android 9.0系统的兼容性情况，我们基于谷歌Pixel、Pixel 2机型的Android 9 Pie系统，对市面TOP86款应用进行“深度兼容测试”，发布了《腾讯WeTest Android 9.0兼容性测试报告》（点击阅读原文前往Android 9 专区下载）。 当然如果第三方库没有适配也没有近期适配的意向，目前有两种方法：第一种是屏蔽入口；第二种是反编译 SDK，在关键地方加上适配代码； Android 官方库调用到了非 SDK API 接口； 没错！ 3.2 省电模式改进 Android 9 对省电模式又做了很多改进，开启省电模式之后会有如下限制： 系统会更加积极的将应用置于待机模式，不管应用是否空闲； 后台执行限制将适用于所有应用，无论他们的 targetApi heif 或者 .heic： HEIF WebP JPEG 最大尺寸
2.8K20发布于 2018-09-23 - 来自专栏WeTest质量开放平台团队的专栏
Android 9 适配怎么做？ “QQ音乐”优化实录
为了让用户第一时间了解Android 9.0系统的兼容性情况，我们基于谷歌Pixel、Pixel 2机型的Android 9 Pie系统，对市面TOP86款应用进行“深度兼容测试”，发布了《腾讯WeTest Android 9.0兼容性测试报告》（点击阅读原文前往Android 9 专区下载）。 当然如果第三方库没有适配也没有近期适配的意向，目前有两种方法：第一种是屏蔽入口；第二种是反编译 SDK，在关键地方加上适配代码； Android 官方库调用到了非 SDK API 接口； 没错！ 3.2 省电模式改进 Android 9 对省电模式又做了很多改进，开启省电模式之后会有如下限制： 系统会更加积极的将应用置于待机模式，不管应用是否空闲； 后台执行限制将适用于所有应用，无论他们的 targetApi HEIF 格式图片的扩展名为 .heif 或者 .heic： HEIF WebP JPEG 最大尺寸 无上限 16383x16383 65535x65535 编码 HEVC VP8 JPEG 是否支持其他编码
1.3K30编辑于 2023-05-04 - 来自专栏ops技术分享
jQuery 尺寸
通过 jQuery，很容易处理元素和浏览器窗口的尺寸。 ---- jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight () ---- jQuery 尺寸 ---- jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
1.2K50发布于 2021-07-22 - 来自专栏腾讯云安全的专栏
Android 9 Pie 正式发布，腾讯云应用加固完美适配
导语： 北京时间8月7日，Google 正式发布最新版 Android 平台——Android 9 Pie。 腾讯云终端安全团队在第一时间升级应用加固方案，完成 Android9 Pie 的适配工作！ ? 图片来源：Google 搜索 自2018年3月8日Android 9 DP1发布以来，谷歌公司陆续发布了多次版本迭代。 腾讯云终端安全团队均在第一时间升级应用加固方案，使应用加固方案与最新版 Android 系统完美适配。 腾讯云终端安全团队为保证应用加固方案的稳定和可靠，在方案上线前均会经过严格测试： 1、与谷歌、小米、华为、vivo等主流厂商（厂商排名不分先后）以及安卓绿色联盟深度合作，共同完成应用加固方案的兼容适配工作
1.9K10发布于 2018-08-14 - 来自专栏Html5知典
CSS——尺寸
定义 尺寸（Dimension）属性是对HTML元素的大小进行定义的CSS属性。 概述 尺寸属性控制元素的高度和宽度，同时还可为元素设置可能的大小范围。 缺省情况下，尺寸属性设定的高度和宽度仅适用于内容区域，不包括边框和内边距，这种高度宽度模式属于CSS自古以来的传统盒子模型。当前，本目录下各属性的参考文档都是基于传统盒子模型进行说明的。 这种模型下，内容、内边距和边框都包含在尺寸属性设定的高度和宽度之内。 元素 描述 height height 规定元素内容区高度。 max-height max-height 规定元素设置最大高度。 变更点 CSS3没有增加新的尺寸属性，但增加了box-sizing属性用于改变元素高度和宽度的计算方法。
93210发布于 2019-11-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号