总结适配方案|学习笔记

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

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

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


总结适配方案

 

适配方案

移动端的适配方案:

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

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

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

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

相关文章
|
1月前
|
小程序 前端开发 定位技术
简单快速搭建出适配于多平台的小程序
随着移动互联网的深入发展,小程序以其轻量、便捷、即用即走的特点,逐渐成为企业与用户沟通的重要桥梁。在当今数字化时代,随着各大平台纷纷推出小程序,小程序已成为企业与用户交互的重要工具,跨平台开发更是成为开发者们关注的焦点。作为开发者来说,为了满足不同用户的需求,我们需要能够快速搭建出适配于多平台的小程序,那么本文就来聊一聊小程序的优势、如何实现一站式开发多平台的小程序,以及对于小程序功能模块集成能力的期望。
23 1
简单快速搭建出适配于多平台的小程序
|
1月前
|
小程序 存储 UED
如何实现一次搭建 多平台适配的小程序
【6月更文挑战第3天】如何实现一次搭建 多平台适配的小程序
|
2月前
|
JSON iOS开发 数据格式
iPhont X适配
iPhont X适配
28 0
|
2月前
|
编解码 前端开发
什么是适配?
什么是适配?
|
2月前
|
开发框架 JavaScript API
uniapp如何实现跨端适配
uniapp如何实现跨端适配
131 0
|
2月前
|
Web App开发 编解码 前端开发
如何做移动端适配?
如何做移动端适配?
47 0
|
11月前
|
JavaScript
深入了解移动端适配的方案
深入了解移动端适配的方案
200 0
|
11月前
|
编解码 前端开发 JavaScript
前端移动端优化和适配
前端移动端优化和适配
155 0
|
缓存 编解码 监控
移动端适配方案总结(二)
由于自己太久没开发移动端的页面,个人觉得移动端开发相比较PC端开发最大的不同,在于需要去适配各种尺寸的手机屏幕,尤其还有1px的问题。
193 0
|
编解码 前端开发
移动端适配方案总结(一)
由于自己太久没开发移动端的页面,个人觉得移动端开发相比较PC端开发最大的不同,在于需要去适配各种尺寸的手机屏幕,尤其还有1px的问题。
129 0