总结适配方案|学习笔记

简介: 快速学习 总结适配方案

开发者学堂课程【移动 Web 前端开发:总结适配方案】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/594/detail/8501


总结适配方案

 

适配方案

移动端的适配方案:

最早使用的移动端的适配方案是伸缩容器的适配,主要应用技术是 flex,当正式进入移动端开发运用的是流式布局的适配,主要利用技术率百分比,当然像这样的适配方案都离不开 viewport

严格来讲响式布局不应该归纳进适配方案中,但响应式布局适配利用了媒体查询技术,有一块在超小屏幕的时候使用的还是流式布局

rem 适配方式,主要原理是使用了 rem 单位,这个单位结合了流式布局和伸缩布局,他的适配主要用在内容的高宽自适应可以结合流式布局和伸缩布局做移动端的整体适配,以上就是在移动端做适配的四种方案。

其实移动端中的实施一方面是偏向这四种适配,另一方面是移动端常见效果是怎样实现的,和移动端介绍常见插件。

相关文章
企业微信开发之获取media_id的值
企业微信开发之获取media_id的值
506 0
|
7月前
|
人工智能 Rust 自然语言处理
通义灵码2.5:四大升级亮点
通义灵码2.5不仅是一款工具,更是开发者思维的延伸。通过体验官计划,我们见证了AI如何将重复性工作转化为创意性探索。无论是新手还是资深工程师,都能借此释放生产力,聚焦于架构设计与创新。
183 16
|
机器学习/深度学习 弹性计算 算法
ArcGIS Pro遥感影像分类:随机森林、支持向量机方法
ArcGIS Pro遥感影像分类:随机森林、支持向量机方法
949 1
|
SQL 安全 数据库
深度揭秘:Python Web安全攻防战,SQL注入、XSS、CSRF一网打尽!
在Web开发领域,Python虽强大灵活,却也面临着SQL注入、XSS与CSRF等安全威胁。本文将剖析这些常见攻击手段,并提供示例代码,展示如何利用参数化查询、HTML转义及CSRF令牌等技术构建坚固防线,确保Python Web应用的安全性。安全之路永无止境,唯有不断改进方能应对挑战。
333 5
|
缓存 数据可视化 搜索推荐
HarmonyOS 4.0 实况窗上线!支付宝实现医疗场景智能提醒
HarmonyOS 4.0 实况窗上线!支付宝实现医疗场景智能提醒
723 4
|
安全 网络协议 数据挖掘
游戏盾如何隐藏服务器真实IP
游戏盾采用了智能分布式云接入系统,通过部署接入服务,使得游戏客户端不再直接与源服务器建立连接,而是通过游戏盾连接至分布在各地的高防节点。这一架构不仅实现了网络加速,还巧妙地隐藏了源服务器的真实IP地址,使得攻击者难以直接定位到真实的服务器。
|
算法 Python 容器
基于最低水平面的三维装箱问题的启发式算法
基于最低水平面的三维装箱问题的启发式算法
316 0
|
前端开发 JavaScript 容器
css实现瀑布流布局
css实现瀑布流布局
|
Web App开发 Linux PHP
PHP 实现抖音视频去水印播放
该内容主要介绍了如何获取无水印的抖音视频播放地址。原理是通过替换播放地址中的参数来去除水印,首先提供了一个带水印和无水印的播放地址示例。接着,展示了一段PHP代码,该代码通过解析分享链接,获取视频ID,然后利用这些信息通过cURL发送请求,最终得到无水印的播放地址。需要注意的是,由于抖音对PC端的限制,可能需要模拟手机请求来实现。
496 0
|
Docker 容器
brew安装docker
brew安装docker
268 0