- 综合排序
- 最热优先
- 最新优先
- 来自专栏Dimples开发记
移动端适配动态rem方案
使用viewport缩放方案实现页面级的缩放适配。但该方案有个问题，1px的边框在大屏手机被放大后显得很粗，在小屏手机上被缩小后又显得太细。 可以使用动态REM方案。 # 2 原理 在使用单位控制页面元素大小时，可以使用固定单位px，也可以使用相对单位rem。2rem 等于html标签font-size的2倍。 基于这个原理，对于需要适配屏幕等比缩放的元素可以选用rem作为单位，对于不需要等比缩放的元素依旧使用px作为单位。 # 3 适配代码 <! solid #ccc; /*不需要缩放的部分用px*/ } </style> </head> <body>
内容</body> </html> # 4 总结 动态1.1K10编辑于 2022-12-21 - 来自专栏振兴的Android修炼手册
Android6.0动态权限适配&XMPermissions
Android6.0动态权限 简介 从 Android 6.0（API 级别 23）开始，用户开始在应用运行时向其授予权限，而不是在应用安装时授予。 minSdkVersion为app最低适配的版本，低于该版本的手机无法安装； targetSdkVerion简单来说就代表着你的App能够适配的系统版本，意味着你的App在这个版本的手机上做了充分的 ：false 1、曾经被拒绝过权限后再调用：true 2、曾经被拒绝过权限且不再询问后再调用：false 3、系统不允许任何程序获取该权限：false 4、查看源码得知安卓6.0以下返回：false 5、 } }); 跳转到应用权限设置页面 XMPermissions.gotoPermissionSettings(content); 6.0动态权限适配总结 有了XMPermissions 适配6.0动态权限就非常简单了。
1.7K20发布于 2020-05-29 - 来自专栏前端小叙
html5 移动适配写法
，所需的注释应为: <link rel="canonical" href="http://mobile_url" > 之前的Meta标记（mobile agent）会继续沿用，但我们推荐使用HTMAL5语言制作的移动页面使用最新方案进行跳转适配 ，其它如xml语言的移动页跳转适配，需要继续使用之前的meta标记方式: <meta name="mobile-agent"content="format=[wml|xhtml|html<em>5</em>]; url= mobile_url"> html5新增的移动适配写法如上,这个主要是为了百度等搜索引擎抓取到网站的移动端网址是什么,不是自动当设备切换到手机时自动跳转的.若实现自动跳转还需要js.
2.4K50发布于 2018-04-12 - 来自专栏游戏多媒体引擎GME开发前沿
GME SDK 2.9.4，Unity WebGL适配UE5适配PS5适配语音转文本优化文本翻译优化
v2.9.4版本主要更新1、新增适配 Unity WebGL 平台2、适配 Unreal Engine 5 引擎新版本3、适配 PlayStation 5 平台新版本4、语音转文本接口中，新增翻译参数以往版本中 涉及到的客户端 API：StartRecordingWithStreamingRecognition5、文本翻译功能中，新增返回语种检测结果文本翻译功能支持自动识别源语种，并支持一次请求翻译成多种目标语言
1.4K20编辑于 2022-09-08 - 来自专栏互联网软件技术
H5移动端rem适配
1 /** 2 * 移动端自适应 3 */ 4 <meta name="viewport" 5 content="width=device-width,user-scalable --maximum-scale=1.0 可视区域的放大级别--> 1 /** 2 * rem适配 iPhone5下html字号为100px，320px下1rem=100px 3 */ 4 (function (doc, win) { 5 var docEl = doc.documentElement, 6 resizeEvt
1.6K40发布于 2018-10-24 - 来自专栏自动化、性能测试
Flask（5）- 动态路由
course/class_2，/course/class_3...仅最后的序号不同，其他部分都是相同的，如果每一条 path 都写一个单独的视图函数来处理，那复用性会很差，代码量也会很多 所以咱们要使用动态路由 'My name is mike' if __name__ == '__main__': app.run() 静态路由存在的问题 三个视图函数的功能逻辑是相同的，存在明显的逻辑代码重复 动态路由 Flask 中动态路由是指带有参数的页面路径，大概格式如下 /prefix/<参数> 它是一个模板，可以匹配多条路径，将参数放置在符号 < > 之间 将上面的静态路由栗子优化成动态路由 from flask 动态路由 参数类型 参数 视图函数 /user/<name> 字符串 name show_user /age/<int:age> int age show_age /price/<float:price 一个动态路由包含多个参数 @app.route('/all/<path:path>/name/<string:name>/age/<int:age>/price/<float:price>') def
79320发布于 2021-07-14 - 来自专栏技术客栈
Java设计模式（5）适配器模式
本文是这个系列的第五篇章，我们将讲解一下适配器模式的实现方式、应用场景以及它的用途。 适配器模式 适配器模式是一种结构型设计模式，它允许现有的接口与客户端的期望接口不匹配时协同工作。 适配器模式允许一个类别的接口转化为另一个接口，从而使得原本由于接口不匹配而无法一起工作的类能够协同工作。 应用场景 当需要将一个已有的类或接口与另一个不兼容的类或接口进行协同工作时。 Adaptee /** * 适配者 * @author Jensen * @date 2024-01-18 * */ public class Adaptee { public void getTalk(){ System.out.println("谈话的内容"); } } 我们需要创建一个适配器 Adapter 来让它们能够一起工作。 适配器实现了目标接口 Target，并在构造函数中接受一个适配者对象 Adaptee，然后在实现目标接口的 request 方法中调用适配者的 request 方法。
24210编辑于 2024-04-18 - 来自专栏Vue中文社区
H5 项目如何适配暗黑模式
一、背景 随着 iOS 13 的发布，深色模式（Dark Mode）越来越多地出现在大众的视野中，支持深色模式已经成为现代移动应用和网站的一个潮流，前段时间更是因为微信的适配再度引起热议。 二、问题 如果系统设置了深色模式，H5页面不做相应的处理，会出现背景色冲突、深色文字显示异常，深色图标显示异常等一些显示上的问题。 所以，需要对深色模式进行一些适配。 我尝试了一些方案： 三、H5项目适配深色模式方案 1.声明 color-scheme color-scheme 有两种方式。 浏览器默认样式也会切换到深色； 1.2CSS 下面的 css 同样可以实现上面 meta 声明的效果 :root { color-scheme: light dark; } 注意：此声明并非为页面做自动适配 :root { background: black; color: white; } } //颜色较多的情况，建议使用CSS变量对颜色值进行管理 3.图片适配
3.3K50发布于 2021-07-05 - 来自专栏爱敲代码的猫
java设计模式(5)-适配器模式
适配器模式将某个类的接口转换成客户端期望的另一个接口表示，目的是消除由于接口不匹配所造成的类的兼容性问题 上篇文章我讲完了5种创建型模式，这章开始，我将讲下7种结构型模式：适配器模式、装饰模式、代理模式 其中对象的适配器模式是各种模式的起源，我们看下面的图： ? */ } } (3) 接口的适配器模式 总体来说就是，原类设计成接口，用抽象了类去实现接口，业务操作类去继承抽象类并实现具体业务即可。 ：当希望将一个类转换成满足另一个新接口的类时，可以使用类的适配器模式，创建一个新类，继承原有的类，实现新的接口即可。 接口的适配器模式：当不希望实现一个接口中所有的方法时，可以创建一个抽象类Wrapper，实现所有方法，我们写别的类的时候，继承抽象类即可。
69630发布于 2019-10-17 - 来自专栏编程之旅
H5 页面 iPhoneX 刘海屏适配
随着这两年苹果坚定不移的走刘海屏路线，Hybrid 页面在 iPhoneX 上刘海屏的适配也是每个前端开发的小伙伴都会碰到的问题，今天就记录一下我关于刘海屏适配的部分经验。 safe-area.png 很明显，在讨论适配之前，我们的页面一般有两种分类： 1、H5 页面使用原生 App 的 Navigation Bar 导航栏，此时，status bar 状态栏和导航栏都是原生控件 ，我们只需要专注的适配底部小黑条处的高度差异即可。 2、H5 页面在 iOS 中占据全屏页面，在这种情况下，除了要兼顾底部小黑条，我们还要处理页面上部跟 状态栏接触的部分，避免内容出现在状态栏上。 env 函数 在介绍适配之前，我们先说一下适配用到的关键 CSS 函数 —— env()。env()函数以类似于var函数的方式将用户代理定义的环境变量值插入到你的 CSS 中去。
5K40发布于 2020-06-02 - 来自专栏云计算linux
mybatis.5.动态SQL
1.动态SQL，解决关联sql字符串的问题，mybatis的动态sql基于OGNL表达式 if语句，在DeptMapper.xml增加如下语句; <select id="selectByLikeName List<Dept>deptList=mapper.selectByLikeName(d); System.out.println(deptList.get(0).getDname()); } <em>5</em>. foreach <em>动态</em>SQL迭代一个集合，通常放在In条件语句中,foreach允许指定一个集合，声明集合项和索引变量，他们可以用在元素体内，也允许指定开放和关闭的字符串，在迭代之间放置分隔符。 session.getMapper(DeptMapper.class); List<Integer>idList=new ArrayList<Integer>(); idList.add(<em>5</em>)
25210编辑于 2024-12-17 - 来自专栏Felix的技术分享
HTML5动态时钟
HTML5动态时钟 效果图 这里无法实时显示当前时间，可以看我这篇博客。 原理 先打上html5中的canvas标签，它定义了一块画布，可以用javascript在上前面做动态效果。 调用浏览器内置对象window的setInterval（animate，delay）方法，可以实现每隔delay时间调用一次自定义的animate方法，从而达到动态的效果。 context.restore(); //画秒针 context.save(); context.lineWidth=5; 这样以后可以通过类似的方法在blog中用js做动态效果了。
7K51发布于 2018-06-08 - 来自专栏leon的专栏
React router动态加载组件-适配器模式的应用
前言 本文讲述怎么实现动态加载组件，并借此阐述适配器模式。 业界目前实现的方案有以下几种： react-router的动态路由getComponent方法(router4已不支持) 使用react-loadable小工具库 自定义高阶组件进行按需加载 而这些方案共通的点 3.2 采用适配器模式封装import() 适配器模式（Adapter）:将一个类的接口转换成客户希望的另外一个接口。Adapter模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 那么，依照这个思路，新建个高阶组件，运用适配器模式，来对import()进行封装。
2.3K30发布于 2019-08-28 - 来自专栏青梅煮码
H5移动端适配IphoneX等机型
图中，Iphonex机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的webapp的展示 h5做成的移动端页面，常见布局为头部+躯干+底部三栏模式，头部和顶部都是固定定位，躯干可里的内容可以滚动 top:0; left: 0; width: 10rem; height: 88px; } } 这样写，底部导航foot里的内容，就不会被手机自带的呼吸灯所遮挡 所以可以总结一下，我们在这种webapp适配中
1.2K10编辑于 2023-01-12 H5移动端适配原理及方案
移动端适配原理在学习移动端适配原理之前，我们先了解一下在 VSCode 中自动生成的 head 标签中的 viewport。viewport 可以翻译为 视区 或者 视口。 如果要实现浏览器适配移动端，首先我们要统一标准视口。 font-size: 16px; /* 设置根元素字体大小为 16px */}body { font-size: 1rem; /* 相对于根元素，等同于 16px */}.box1 { width: 5rem 比如，如果只需要适配少部分手机设备，且分辨率对页面影响不大的，使用 px 即可； 对于需要适配各种移动设备，且分辨率差别比较大的设备，比如 iphone 与平板，使用 rem。 每根轴线两侧的间隔都相等，轴线之间的间隔比轴线与边框的间隔大一倍stretch（默认值）主轴线占满整个交叉轴Flex 项目属性上面所讲的容器属性都是用来设置项目的排列方式，而项目自身的大小和形态需要设置项目的属性，以下 5
2.8K10编辑于 2024-06-14- 来自专栏睡不着所以学编程
移动web开发(5)之rem适配布局
background-color: pink; } } </style> 那么我们实验一下,当屏幕宽度大于800时,body的颜色会怎么变化: 03 媒体查询+rem实现元素动态大小变化 rem单位是跟着html来走的,有了rem页面元素可以设置不同大小尺寸,媒体查询可以根据不同设备宽度来修改样式,媒体查询+rem就可以实现不同设备宽度,实现页面元素大小的动态变化. 做一个小案例,当屏幕尺寸变化时,元素大小也会动态变化: 我们将字体和盒子的大小单位不定死,而是用随着html变化而动态变化的rem单位,这样我们只要修改html字体大小,就可以让字体和盒子大小跟着变化 } } .top { height: 1rem; font-size: .5rem
1.4K30编辑于 2022-09-20 - 来自专栏全栈程序员必看
QCustomPlot系列(5)-实时动态曲线
平移功能是QCustomPlot自带的功能，参见我的该系列前面的博文。框选放大、全显等功能在另一篇博文中也讲到了。
8.1K51编辑于 2022-11-03 h5应用如何适配移动端(干货总结)
@TOC前端必备工具推荐网站(免费图床、API和ChatAI等实用工具):http://luckycola.com.cn/前言H5应用的开发是前端必备技能,h5适配移动端也是业务常见的场景,如何进行必要的适配 ,今天做一个比较全面的总结一、简单场景搭建我们先简单搭建这样一个场景,下面是用ve3搭建的一个h5页面,且是一个经典的三栏布局<template>
<li color: white;}.item:nth-child(3) { width: 100px; height: 50px; line-height: 50px; background: rgb(5, 1.对html中的meta标签进行适配在html的header中加入以下适配移动端场景的meta标签<meta name="viewport" content="width=device-width, postCss插件结合vw 统一对对全部font-size绝对单位进行转换PostCss官网:https://postcss.docschina.org/doc/writing-a-plugin.html#%E<em>5</em>%78910编辑于 2024-08-18来自专栏ionic3+ionic3升级适配angular5
昨天angular5和ionic3同时发布更新了，为了用上angular5的新特性，还是有必要踩下坑的，当然踩坑的白老鼠建议选用一个最近不用维护的项目。 首次支持angular5的ionic3版本 然后再看下angular5的版本，同样发布了两个版本，一个是普通稳定版，一个是beta版，其中前者如图所示修复了几个bug，那若升级，当然选择普通稳定版比较好 angular5普通最新版 ? angular5的最新beta版 在ionic3官网建议是更新依赖到angular5.0.0版本，而根据上述说明，优先选择做了做了bug修复的angular5.0.1版。 ionic/app-scripts": "3.1.0" "typescript" : "2.4.2" } 接着执行命令重新安装依赖： npm install 二、修改项目文件 我们可以先看下angular5的更新说明
3.5K40发布于 2018-08-20《风格锚点+动态适配：Unity跨设备渲染的核心逻辑》
更重要的是，分级体系并非固定不变，而是动态调整：通过后台数据收集新发布设备的硬件参数与运行表现，比如某款新中端机的GPU性能接近旗舰机，可自动将其升级至高性能级适配方案；某款老旧设备经测试无法承载基础级效果 动态资源适配是实现“同源异构”的核心技术手段，通过实时检测设备等级，自动加载对应资源与渲染配置，既能避免高端机资源浪费，又能解决低端机性能不足的问题，同时降低开发与维护成本。 这种方式虽然能实现适配，但会导致包体管理复杂，维护成本极高，比如修改一个角色纹理，需要同步更新三套资源包；同时无法应对设备性能的动态变化，比如玩家更换设备后，原有资源包无法匹配新设备的性能。 真正高效的动态适配，核心是“一套资源、多套配置”的架构设计：将所有资源按最高标准制作，比如角色纹理采用4096x4096分辨率、完整PBR材质参数，场景光照支持实时全局光照；再通过Unity的AssetBundle 接着，使用图像比对工具（如Perceptual Hash算法），将不同设备的截图与“风格锚点标准图”进行对比，检测色调偏差是否超过5%、阴影形状是否一致、核心材质质感是否达标、线条轮廓是否清晰；对于不达标设备
41410编辑于 2025-10-31
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号