总结适配方案|学习笔记

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

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

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


总结适配方案

 

适配方案

移动端的适配方案:

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

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

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

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

相关文章
|
3月前
|
Android开发 iOS开发 API
鸿蒙开发:适配系统深浅色模式
无论是Android还是iOS,在系统设置中,都有着深色和浅色两种外观模式,同样,鸿蒙系统中也存在这样的外观切换,如何让自己的应用,跟随着系统的模式进行动态切换呢?目前系统给我们提供了两种方式可以实现,一种是资源形式,一种是动态的代码形式。
126 15
鸿蒙开发:适配系统深浅色模式
|
6月前
|
编解码 前端开发 JavaScript
前端移动端适配方案
【9月更文挑战第8天】前端移动端适配方案
188 0
|
7月前
|
前端开发 小程序
移动端适配方案
【8月更文挑战第1天】
|
9月前
|
小程序 存储 UED
如何实现一次搭建 多平台适配的小程序
【6月更文挑战第3天】如何实现一次搭建 多平台适配的小程序
|
10月前
|
编解码 前端开发
什么是适配?
什么是适配?
|
10月前
|
JSON iOS开发 数据格式
iPhont X适配
iPhont X适配
49 0
|
10月前
|
Web App开发 前端开发 UED
谈谈你是如何做移动端适配的?
对于移动端适配,一种常用的方法是响应式布局(Responsive Layout)和媒体查询(Media Queries)。以下是一些常见的移动端适配策略:
57 0
|
10月前
|
Web App开发 编解码 前端开发
如何做移动端适配?
如何做移动端适配?
84 0
|
JavaScript
深入了解移动端适配的方案
深入了解移动端适配的方案
294 0
|
编解码 前端开发 JavaScript
前端移动端优化和适配
前端移动端优化和适配
252 0