总结适配方案|学习笔记

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

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

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


总结适配方案

 

适配方案

移动端的适配方案:

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

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

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

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

相关文章
|
20天前
|
Android开发 iOS开发 API
鸿蒙开发:适配系统深浅色模式
无论是Android还是iOS,在系统设置中,都有着深色和浅色两种外观模式,同样,鸿蒙系统中也存在这样的外观切换,如何让自己的应用,跟随着系统的模式进行动态切换呢?目前系统给我们提供了两种方式可以实现,一种是资源形式,一种是动态的代码形式。
71 15
鸿蒙开发:适配系统深浅色模式
|
4月前
|
编解码 前端开发 JavaScript
前端移动端适配方案
【9月更文挑战第8天】前端移动端适配方案
134 0
|
5月前
|
前端开发 小程序
移动端适配方案
【8月更文挑战第1天】
|
7月前
|
小程序 前端开发 定位技术
简单快速搭建出适配于多平台的小程序
随着移动互联网的深入发展,小程序以其轻量、便捷、即用即走的特点,逐渐成为企业与用户沟通的重要桥梁。在当今数字化时代,随着各大平台纷纷推出小程序,小程序已成为企业与用户交互的重要工具,跨平台开发更是成为开发者们关注的焦点。作为开发者来说,为了满足不同用户的需求,我们需要能够快速搭建出适配于多平台的小程序,那么本文就来聊一聊小程序的优势、如何实现一站式开发多平台的小程序,以及对于小程序功能模块集成能力的期望。
171 1
简单快速搭建出适配于多平台的小程序
|
7月前
|
小程序 存储 UED
如何实现一次搭建 多平台适配的小程序
【6月更文挑战第3天】如何实现一次搭建 多平台适配的小程序
|
8月前
|
移动开发 HTML5
小气泡功能在中的两种实现方案
小气泡功能在中的两种实现方案
69 0
小气泡功能在中的两种实现方案
|
8月前
|
编解码 前端开发
什么是适配?
什么是适配?
|
8月前
|
JSON iOS开发 数据格式
iPhont X适配
iPhont X适配
42 0
|
8月前
|
Web App开发 编解码 前端开发
如何做移动端适配?
如何做移动端适配?
70 0
|
JavaScript
深入了解移动端适配的方案
深入了解移动端适配的方案
274 0