- 综合排序
- 最热优先
- 最新优先
- 来自专栏钻芒博客
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 6/7/8 适配*/@media only screen and (device-width important;} }/*移动端适配结束*/
6.8K20编辑于 2023-05-16 - 来自专栏IOS程序开发
iOS全尺寸适配方案探究
iOS全尺寸适配方案探究图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片图片
37500编辑于 2022-06-19 - 来自专栏全栈程序员必看
iPhone屏幕尺寸、分辨率及适配
从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 、分辨率及其屏幕边长比例》 《iOS判断设备屏幕尺寸、分辨率》 《iOS8中的UIScreen》 《Detecting iPhone 6/6+ screen sizes in point values 《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》 《iOS8适配须知》 《适配iOS8备忘录》 《iOS界面适配(一)(二)(三)》 《iPhone 6/6+适配心得》 《iOS8/Xcode6/iPhone6(+)适配》 《APP适配iOS8，iPhone6(+)截图简要说明》 《按比例快速兼容适配iPhone6/6 Plus》 《iOS
11.4K20编辑于 2022-07-23 - 来自专栏Android技术分享
Android 适配各国语言、屏幕尺寸、系统版本及常见适配方法总结
xml version="1.0" encoding="utf-8"? xml version="1.0" encoding="utf-8"? 二、屏幕适配 Android是用尺寸和分辨率这两种常规属性对设备加以分类。在我们开发项目中应该提供一些可选资源，针对尺寸和分别率来优化我们的界面外观。 ·Layout适配有4种尺寸 ：小(small)，普通(normal)，大(large)，超大(xLarge) ·Bitmap适配有4种分辨率：低Low精度(ldpi), 中Middle精度(mdpi 前面提到了Layout适配尺寸有4种：小(small)，普通(normal)，大(large)，超大(xLarge) 所以，我们可以在资源文件Layout根目录创建不同尺寸的目录，系统会根据app所运行的设备屏幕尺寸
1.7K50发布于 2019-03-27 - 来自专栏Android 开发者
实践 | Google IO 应用是如何适配大尺寸屏幕 UI 的？
可能有些反直觉的是，当平板电脑横屏时属于窄尺寸模式，而当其竖屏使用时属于宽尺寸模式。 -- 宽尺寸时过滤标签的 ViewStub。 vertical" android:paddingHorizontal="@dimen/codelabs_list_item_spacing" android:paddingVertical="8dp codelabs_recyclerview_layoutmanager LinearLayoutManager StaggeredGridLayoutManager @dimen/codelabs_list_item_spacing 0dp 8dp 我们希望这些 Google I/O 应用上的变动能启发您构建充分适配各种形状和尺寸设备的美观、高质量的应用。欢迎您从 Github 下载代码，动手试一试。
3K20编辑于 2022-03-10 - 来自专栏全栈程序员必看
ios学习7_iPhone屏幕尺寸、分辨率及适配
从分辨率的角度来看，iPhone6沿用二倍图（@2x），但需为iPhone6+提供更高的三倍图（@3x）；从屏幕尺寸角度来看，需要重新对UI元素尺寸和布局进行适配，以期视觉协调。 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 、分辨率及其屏幕边长比例》 《iOS判断设备屏幕尺寸、分辨率》 《iOS8中的UIScreen》 《Detecting iPhone 6/6+ screen sizes in point 《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》 《iOS8适配须知》 《适配iOS8备忘录》 《iOS界面适配(一)(二)(三)》 《iPhone 6/6+适配心得》 《iOS8/Xcode6/iPhone6(+)适配》 《APP适配iOS8，iPhone6(+)截图简要说明》 《按比例快速兼容适配iPhone6
4.1K20编辑于 2022-08-27 - 来自专栏Java架构师必看
ios学习7_iPhone屏幕尺寸、分辨率及适配
今天说一说ios学习7_iPhone屏幕尺寸、分辨率及适配,希望能够帮助大家进步!!! 12.DEPRECATED API适配 最后，除了对屏幕尺寸和分辨率进行适配之外，还需对iOS SDK中相关的DEPRECATED API进行适配。 参考： 《iOS设备的屏幕尺寸、分辨率及其屏幕边长比例》 《iOS判断设备屏幕尺寸、分辨率》 《iOS8中的UIScreen》 《Detecting iPhone 6/6+ screen 《在Xcode 6中用矢量化PDF(vectorized PDF)来支持各种尺寸的iPhone》 《iOS8适配须知》 《适配iOS8备忘录》 《iOS界面适配(一)(二)(三)》 《iPhone 6/6+适配心得》 《iOS8/Xcode6/iPhone6(+)适配》 《APP适配iOS8，iPhone6(+)截图简要说明》 《按比例快速兼容适配iPhone6
1.6K50编辑于 2022-04-24 - 来自专栏Android 开发者
为什么你的应用需要对各种尺寸屏幕做适配优化？
查看这些应用：Gameloft、Evernote、Slack、1Password 如何适配 Chrome OS 系统。 ? 开发者可以通过将他们的应用适配 Chrome OS后来触达更多用户。 宽屏的优化设计 景观模式 多窗口管理 键盘、鼠标、手写笔输入 领先开发团队是如何针对 Chrome OS 进行优化的 Gameloft 公司的游戏应用 狂野飙车 8：《极速凌云》 狂野飙车 8：《极速凌云 优化之后，狂野飙车 8 实现了 6 倍的日活用户增长以及 9 倍的来自 Chrome 用户的收入增长。 为确保充分利用好在任意屏幕方向和尺寸上的窗口空间，开发团队将手机和平板电脑设备上的现有设计经验，与提供一个响应式布局这项技术结合，用来应对用户调整屏幕大小的操作。
1.3K20发布于 2019-04-01 - 来自专栏九彩拼盘的叨叨叨
让内容恰好占一屏，适配各种尺寸的设备的实现
有时候我们会有让内容恰好占一屏，并且适配各种尺寸的设备的需求。我们先不谈这样做会导致在一些设备上的显示不尽人意，直接谈如何实现。 在水平方向，宽度，水平方向的间距值如果为百分数的值，其值是相对于其父元素的宽度来计算的，可以实现水平方向适配不同尺寸的设备。 在垂直方向，高度值如果为百分数，其值是相对于父元素的高度来计算的。 因此，水平方向我们可以用百分数的方案来做适配。垂直方向需要其他方案。 我们能不能用 CSS3 的 Media Queries 呢？做不到。
1.6K30发布于 2018-08-24 - 来自专栏.NET开发那点事
AgileConfig 1.8.0 已适配 .NET8
本月圈子里最大的事莫过于 .NET8 正式 release。群友们都在适配 .NET8。抽个周末我也把 AgileConfig 升级到了 .NET8。 升级 升级 .NET8 修改所有项目的目标框架为 .NET8.0 升级 nuget 包 在 nuget 包管理器里把所有能更新的包全部更新到最新。 这个问题其实跟 .NET8 没有关系，应该是我 3.1 升 6 的时候遗忘了。 把 6 改成 8，其他不用改，超级简单。 通过以上操作，在本地运行没有问题，打包成镜像后在本地 docker desktop 环境下跑也没问题。 只是最新的 .aspnet8 runtime 的镜像对低版本的 docker engine 兼容性有点问题，使用 docker 跑的同学需要注意一下。
64410编辑于 2023-12-11 - 来自专栏ops技术分享
jQuery 尺寸
通过 jQuery，很容易处理元素和浏览器窗口的尺寸。 ---- jQuery 尺寸方法 jQuery 提供多个处理尺寸的重要方法： width() height() innerWidth() innerHeight() outerWidth() outerHeight () ---- jQuery 尺寸 ---- jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
1.2K50发布于 2021-07-22 - 来自专栏Html5知典
CSS——尺寸
定义 尺寸（Dimension）属性是对HTML元素的大小进行定义的CSS属性。 概述 尺寸属性控制元素的高度和宽度，同时还可为元素设置可能的大小范围。 缺省情况下，尺寸属性设定的高度和宽度仅适用于内容区域，不包括边框和内边距，这种高度宽度模式属于CSS自古以来的传统盒子模型。当前，本目录下各属性的参考文档都是基于传统盒子模型进行说明的。 这种模型下，内容、内边距和边框都包含在尺寸属性设定的高度和宽度之内。 元素 描述 height height 规定元素内容区高度。 max-height max-height 规定元素设置最大高度。 变更点 CSS3没有增加新的尺寸属性，但增加了box-sizing属性用于改变元素高度和宽度的计算方法。
93210发布于 2019-11-26 - 来自专栏∑小熊猫的博客
Java 设计模式系列(8) —— 适配器模式
适配器模式 适配器模式的定义： 将一个类的接口变换成为客户端所期待的另一个接口，从而使原本因接口不匹配而无法在一起工作的两个类可以在一起工作。 采用适配模式的目的是将先有的旧接口转换成新的刻画短接口，我们的目标是尽可能多地重用原来已经测试过的代码，并且可以对新接口自由地进行修改。 适配器的三个角色： Target 目标角色：该角色定义要转换成的目标接口 Adaptee 源角色： 需要被转换的就的接口 Adapter 适配器角色： 通过继承Target 适配器的简单示例 ? System.out.println("Start DoingFunction"); super.doFunction(); System.out.println("End DoingFunction"); } } 适配器模式的优点和使用场景 优点： 适配器可以让两个没有任何关系的类在一起运行 增加了类的透明性 提高了类的复用度 提高代码的灵活性 使用场景： 在投产的系统中，对原有的类进行改造，使其适应新的接口
41810发布于 2021-01-06 - 来自专栏无原型不设计
— 摹客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.3K30发布于 2019-06-02 - 来自专栏CSDNToQQCode
Web尺寸规范
主流浏览器的界面参数与份额 图片 系统分辨率统计 分辨率 占有率 分辨率 占有率 1366×768 15% 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% 1280×768 1% 网页宽度与首屏高度
1.2K30编辑于 2022-11-29 - 来自专栏软件开发
1.1、尺寸单位
与 CSS 相比，WXSS 扩展的特性有： 尺寸单位 样式导入 1.1、尺寸单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。 97%A0%E6%B3%95%E9%80%9A%E8%BF%87-wxss-%E8%8E%B7%E5%8F%96 2 | width: 750rpx; 3 | height: 750rpx 10、小程序在Android上，使用V8引擎解析和渲染 JavaScript; 而在iOS上，则是使用 JavaScriptCore，这两者在解析性能的表现上差异比较大，相对来说 V8 的性能比 JSC onPageScroll: function(options) { // 页面滚动时执行 //scrollTop 距离 }, onResize: function() { // 页面尺寸变化时执行 share_source=copy_web&vd_source=475a31f3c5d6353a782007cd4c638a8a 五、作业
3.7K10编辑于 2023-05-02 - 来自专栏vue学习
8、手机适配问题之rem和lib-flexible
前言：GitHub：https://github.com/Ewall1106/mall 一、关于lib-flexible.js flexible方案是手淘经过多年的摸索和实战，总结出的一套移动端适配方案 ，这里我推荐一篇w3c大漠老师的一篇文章使用Flexible实现手淘H5页面的终端适配，里面详细的讲解了该方案的使用和原理。
1.8K20发布于 2018-09-04 - 来自专栏积累沉淀
ie8和chrome获取上传图片的宽度和高度等尺寸
测试后可用 <html> <head> <title>测试</title> <meta charset="utf-<em>8</em>"/> <link rel="stylesheet height=oImg.height; document.body.removeChild(oImg);//放弃预览 }; }; reader.readAsDataURL(oFile); }else{//ie <em>8</em>
2.5K80发布于 2018-03-28 - 来自专栏QQ音乐技术团队的专栏
全民k歌适配arm64-v8a方案
一个直观的表现就是，32位软件最大只能使用2^32=4G的内存，64位则是2^40=1T，可以看到，V8架构在性能方法无疑有着质的提升，程序适配后将有更好的性能表现。 2.全民k歌为什么要适配Arm64 虽然Arm64架构推出的时间也比较早，但由于市面上适配的设备寥寥，android厂商的主要soc提供商高通直到2014年才推出了第一款适配arm64-v8a的产品，同时由于 但是设备在实际运行时，仅使用apk中包适配自己的最新的那个架构，比如上面同时包含了armeabi-v7a和arm64-v8a两种架构，设备的cpu最新架构是arm64-v8a，虽然设备使用V7a的so也能使用 各业务更新好so之后，添加到上面工程对应路径libs/arm64-v8a即可，如果对应的java接口没有变更，到这就算完成里初步的适配了，剩下的就是功能调试和业务自测。 而全民K歌通过动态加载的模块较多已经有8个模块，这样8个模块的资源路径都注册到这个数组里肯定导致了大小溢出从而导致了问题的出现。
4.3K11发布于 2021-02-05
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号