- 综合排序
- 最热优先
- 最新优先
- 来自专栏钻芒博客
css适配屏幕尺寸大小自适应
改新模板的时候考虑到单独适配手机端排版美化。只需要在css内写好窗口大小相对应的样式。访问就根据窗口大小自动使用相应的样式。下边是我写的适配样式，可参考。框架可拿去用，类和样式需根据自身调整。 效果如下图:图片示例如下:/*移动端适配开始*//*手机端适配 常规尺寸*/@media (max-width:768px) {.hh_usertop .user_av img { float: important;}.hh_p2 { display: block; margin: 0; color: gray; font-weight: 300; font-size 1px; padding-top: 80px; padding-left: 15px; height: 160px; max-width: 1380px;} .hh_p2 important;} }/*移动端适配结束*/
6.8K20编辑于 2023-05-16 - 来自专栏IOS程序开发
iOS全尺寸适配方案探究
iOS全尺寸适配方案探究图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片
37500编辑于 2022-06-19 - 来自专栏全栈程序员必看
iPhone屏幕尺寸、分辨率及适配
7.Resolutions &Rendering 8.@2x/@3x以及高倍图适配 （1）@2x @2x means the same “double”retina resolution 从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 （2）按高度适配 在同样的宽度下，iPhone4(s)的屏高比iPhone5(s)低，若纵向排版紧张，可以iPhone5(s)为基准，按高度适配： fitScreenHeight= height 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》 《iOS8适配须知》 《适配iOS8备忘录》 《iOS界面适配(一)(二)(三)》 《iPhone
11.4K20编辑于 2022-07-23 - 来自专栏Android技术分享
Android 适配各国语言、屏幕尺寸、系统版本及常见适配方法总结
二、屏幕适配 Android是用尺寸和分辨率这两种常规属性对设备加以分类。在我们开发项目中应该提供一些可选资源，针对尺寸和分别率来优化我们的界面外观。 ·Layout适配有4种尺寸 ：小(small)，普通(normal)，大(large)，超大(xLarge) ·Bitmap适配有4种分辨率：低Low精度(ldpi), 中Middle精度(mdpi 另外，解释一下为什么上面表格有两行标位红色，原因是2倍图和3倍图是主流占比，在友盟统计中显示如下： ? image.png 其次，说一说这个XML布局文件的适配。 前面提到了Layout适配尺寸有4种：小(small)，普通(normal)，大(large)，超大(xLarge) 所以，我们可以在资源文件Layout根目录创建不同尺寸的目录，系统会根据app所运行的设备屏幕尺寸 ().getMetrics(metrics); (2）手机横竖屏切换兼容适配 我们会把屏幕设置成单一的横屏或竖屏，设置的方法是去AndroidMaifest.xml中把activity中的android
1.7K50发布于 2019-03-27 - 来自专栏Android 开发者
实践 | Google IO 应用是如何适配大尺寸屏幕 UI 的？
R.id.navigation_speaker_detail) { done = detailPaneNavController.popBackStack() } // 2. 可能有些反直觉的是，当平板电脑横屏时属于窄尺寸模式，而当其竖屏使用时属于宽尺寸模式。 android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="2" codelabs_list_item_spacing}" app:layoutManager="@string/codelabs_recyclerview_layoutmanager" app:spanCount="2" 我们希望这些 Google I/O 应用上的变动能启发您构建充分适配各种形状和尺寸设备的美观、高质量的应用。欢迎您从 Github 下载代码，动手试一试。
3K20编辑于 2022-03-10 - 来自专栏全栈程序员必看
ios学习7_iPhone屏幕尺寸、分辨率及适配
7.Resolutions &Rendering 8.@2x/@3x以及高倍图适配 （1）@2x @2x means the same “double”retina resolution 从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 （2）按高度适配 在同样的宽度下，iPhone4(s)的屏高比iPhone5(s)低，若纵向排版紧张，可以iPhone5(s)为基准，按高度适配： fitScreenHeight= height 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屏幕尺寸、分辨率及适配,希望能够帮助大家进步!!! 7.Resolutions &Rendering 8.@2x/@3x以及高倍图适配 （1）@2x @2x means the same “double”retina resolution 从分辨率的角度来看，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知识点总结
OpenCV专题2 - 人脸检测+自动尺寸裁剪
---- 2.Java/Kotlin层面 本想全用Kotlin写的，不过发现Kotlin竟然无法自动生成JNI函数... 但我又懒得找id,就混着用吧,使用TolyCV提供native方法。 ---->[src/main/cpp/FaceDetector.h]---- #include <android/bitmap.h> #include <opencv2/opencv.hpp> using int flags = 0, 标识 Size minSize = Size(), 目标的最小尺寸 ---- 二、自动尺寸裁剪 现在需求是:根据一张照片(尺寸任意)，截取人脸及周围，并裁成规定的尺寸，如两寸:413*626 就像这样: ? OK,打完收工，再也不怕妹子让我帮她设置图片尺寸了。 对于大批量，形形色色的人物照片，想要裁剪规整，一个for循环搞定，程序是绝佳劳动力。
3K20发布于 2020-04-30 - 来自专栏Android 开发者
为什么你的应用需要对各种尺寸屏幕做适配优化？
查看这些应用：Gameloft、Evernote、Slack、1Password 如何适配 Chrome OS 系统。 ? 开发者可以通过将他们的应用适配 Chrome OS后来触达更多用户。 完成了适配后，Gameloft 公司可以使安卓应用包的运行时性能水平比原生应用更高，且在 Chrome OS 上保有美到窒息的图形和令人惊叹的极致速度。 同样的，Slack 应用的开发团队为 Chrome OS 系统上运行的其流行的通讯软件做了键盘快捷键来快速启动常用功能的优化适配。 为确保充分利用好在任意屏幕方向和尺寸上的窗口空间，开发团队将手机和平板电脑设备上的现有设计经验，与提供一个响应式布局这项技术结合，用来应对用户调整屏幕大小的操作。
1.3K20发布于 2019-04-01 - 来自专栏无原型不设计
— iDoc一键适配不同平台尺寸（iDoc201902-2新功能）
一、自动换算不同平台尺寸 在一个项目从设计到开发的过程中，为了适配不同设备，一份设计稿，UI需要花大量的时间去制作各种尺寸的切图，耗时耗力。 摹客iDoc最新更新的“自动换算不同平台尺寸”的功能，完美解决了UI与开发间切图尺寸的问题！ UI只要上传一份设计稿到iDoc（无论是ios还是Android），开发人员在iDoc内选择好适配的设备，iDoc就可以自动换算不同平台尺寸的切图，一键下载，分分钟搞定！
58940发布于 2019-03-20 - 来自专栏九彩拼盘的叨叨叨
让内容恰好占一屏，适配各种尺寸的设备的实现
有时候我们会有让内容恰好占一屏，并且适配各种尺寸的设备的需求。我们先不谈这样做会导致在一些设备上的显示不尽人意，直接谈如何实现。 在水平方向，宽度，水平方向的间距值如果为百分数的值，其值是相对于其父元素的宽度来计算的，可以实现水平方向适配不同尺寸的设备。 在垂直方向，高度值如果为百分数，其值是相对于父元素的高度来计算的。 因此，水平方向我们可以用百分数的方案来做适配。垂直方向需要其他方案。 我们能不能用 CSS3 的 Media Queries 呢？做不到。 在上面代码中，父元素的高度的总份数为 3，a 的高度占 1 份，b 的高度 占 2 份。 假设父元素的高度是 100px， 那么 a 的高度为 (1 / 3 * 100)px，b 的高度为 (2 / 3 * 100)px。
1.6K30发布于 2018-08-24 - 来自专栏工程监测
可编程USB转 UARTI2C SMBusSSPICAN1 -Wire适配器USB2S结构尺寸及电压设置
可编程USB转 UART/I2C /SMBusS/SPI/CAN/1 -Wire适配器USB2S结构尺寸及电压设置1.1 外形尺寸外形尺寸：30*45mm（不含 USB 接口）图片1.2 结构组成图片2.1 2.4I2C 总线 管脚 7 和 8 分别是 IIC 总线的SCL 和 SDA 通讯线，板上已有 2k 上拉电阻。 图片注：第一排的三个针从左向右依次为：VCC、IIC_POW、IO1，当 1 和 2 通过跳线帽短接时，IIC_POW 管脚被强制为 VCC，为板载 IIC 芯片供电，当 2 和 3 通过跳线帽短接时， 注：第二排的三个针从左向右依次为：VCC、SPI_POW、IO2，当 1 和 2 通过跳线帽短接时，SPI_POW 管脚被强制为 VCC，为板载 SPI 芯片供电，当 2 和 3 通过跳线帽短接时，SPI_POW 被连接到 IO2，受IO2 控制，通过指令设置IO2 输出高电平或者低电平来实现是否给板载SPI 芯片供电的功能。
83920编辑于 2022-08-24 - 来自专栏HenCoder
HenCoder UI 部分 2-2 全新定义 View 的尺寸
这期是 HenCoder 布局部分的第二期：重写 onMeasure() 来全新定制自定义 View 的尺寸。 简介 这期虽然距离上期的时间比较久，但主要是我的个人原因，而不是因为这期的内容难。 因为关键点全都在视频里讲清楚了，所以这里只总结一下视频中的关键点： 全新定制尺寸和修改尺寸的最重要区别 需要在计算的同时，保证计算结果满足父 View 给出的的尺寸限制 父 View 的尺寸限制 由来： layout_ 打头的属性）经过父 View 处理计算后的更精确的要求； 限制的分类： UNSPECIFIED：不限制 AT_MOST：限制上限 EXACTLY：限制固定值 全新定义自定义 View 尺寸的方式 重新 onMeasure()，并计算出 View 的尺寸； 使用 resolveSize() 来让子 View 的计算结果符合父 View 的限制（当然，如果你想用自己的方式来满足父 View 的限制也行
34530发布于 2018-08-20 - 来自专栏HenCoder
HenCoder Android UI 部分 2-2 全新定义 View 的尺寸
onMeasure() 来计算内部布局 重写 onLayout() 来摆放子 View 重写 onMeasure() 的三个步骤： 调用每个子 View 的 measure() 来计算子 View 的尺寸 计算子 View 的位置并保存子 View 的位置和尺寸 计算自己的尺寸并用 setMeasuredDimension() 保存 计算子 View 尺寸的关键 计算子 View 的尺寸，关键在于 measure 子 View 的 MeasureSpec 的计算方式： 结合开发者的要求（xml 中 layout_ 打头的属性）和自己的可用空间（自己的尺寸上限 - 已用尺寸） 尺寸上限根据自己的 MeasureSpec 中的 mode 而定 EXACTLY / AT_MOST：尺寸上限为 MeasureSpec 中的 size UNSPECIFIED：尺寸无上限 重写 onLayout() 的方式 在 onLayout () 里调用每个子 View 的 layout() ，让它们保存自己的位置和尺寸。
34520发布于 2018-08-20 - 来自专栏ops技术分享
jQuery 尺寸
通过 jQuery，很容易处理元素和浏览器窗口的尺寸。 ---- jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight () ---- jQuery 尺寸 ---- jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
1.2K50发布于 2021-07-22 - 来自专栏云深之无迹
Orbbec Gemini 相机SDK 适配笔记.2
可是啊，人生无退路 Orbbec Gemini相机 SDK适配笔记 关于RGBD相机选型（奥比中光） 这篇文章对SDK的目录结构和若干文件做解答。 id=2 就是这个了 因为这个是一个开源的魔改版本（其实也不是魔改版本）： https://github.com/OpenNI/OpenNI2 位置在此 有机会的话，做下差异性检查（对比以前的版本和奥比的差异
1.8K30发布于 2021-11-04 - 来自专栏Html5知典
CSS——尺寸
定义 尺寸（Dimension）属性是对HTML元素的大小进行定义的CSS属性。 概述 尺寸属性控制元素的高度和宽度，同时还可为元素设置可能的大小范围。 缺省情况下，尺寸属性设定的高度和宽度仅适用于内容区域，不包括边框和内边距，这种高度宽度模式属于CSS自古以来的传统盒子模型。当前，本目录下各属性的参考文档都是基于传统盒子模型进行说明的。 这种模型下，内容、内边距和边框都包含在尺寸属性设定的高度和宽度之内。 元素 描述 height height 规定元素内容区高度。 max-height max-height 规定元素设置最大高度。 变更点 CSS3没有增加新的尺寸属性，但增加了box-sizing属性用于改变元素高度和宽度的计算方法。
93210发布于 2019-11-26 - 来自专栏无原型不设计
— 摹客iDoc一键适配不同平台尺寸
新功能封面.png 免费体验地址：https://idoc.mockplus.cn/buy/ 一、自动换算不同平台尺寸 在一个项目从设计到开发的过程中，为了适配不同设备，一份设计稿，UI需要花大量的时间去制作各种尺寸的切图 摹客iDoc最新更新的“自动换算不同平台尺寸”的功能，完美解决了UI与开发间切图尺寸的问题！ UI只要上传一份设计稿到iDoc（无论是ios还是Android），开发人员在iDoc内选择好适配的设备，iDoc就可以自动换算不同平台尺寸的切图，一键下载，分分钟搞定！ 自动换算不同尺寸切图.gif 二、从首页/当前页开始，演示方式更丰富 智能标注、一键切图、交互原型，摹客iDoc一次搞定 立即体验 小伙伴们在做原型交互的过程中，看到几十种动画和手势设置，想必都想去多试几个
1.4K30发布于 2019-04-01 - 来自专栏Devops专栏
jquery 元素尺寸
1、获取和设置元素的尺寸 width()、height() 获取元素width和height innerWidth()、innerHeight() 包括padding的width和height 2、获取元素相对页面的绝对位置 offset() 单纯看字面意思也不知道这什么叫做绝对位置，淡定写一个示例才是正经。如下： ?
2.3K30发布于 2019-06-02 - 来自专栏CSDNToQQCode
Web尺寸规范
1440×900 13% 1920×1080 11% 1600×900 5% 1280×800 4% 1280×1024 3% 1680×1050 2.8% 320×480 2.4% 480×800 2%
1.2K30编辑于 2022-11-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号