移动端
1.移动端的适方案
(1)编写适合不同端口、不同屏幕下页面布局的不同代码的想法:
[1]统一缩放(长宽比接近) [2]采用rem和vm采用相对布局等固定长度px等 [3]固定尺寸和弹性布局（要求元素不得超过范围）
（2）viewport适配
缩小宽度等比例，使用meta标签元，对viewport属性的content设立width以及initial－scale屏幕与设计稿宽比的适配。 但需要动态设置initial比值。通过初始化js动态操作dom的meta标签，通过document的以及screen和window不同的环境变量初始化。
（3）（vw,vh适应)部分等比缩放
[1]var（–name）的css调用变量形式 [2]利用calc实现动态计算 [3]vw,vh是基于screen的宽高计算的
（4）rem适配
[1]相对于根节点font-size计算(根据环境动态font-size使用)实现不同端口不同效果的原则，可用于媒体查询或使用js操作属性或操作属性sass图书馆的处理形式。
(5)布局合理
[1]通过弹性盒换行补充等纯css布局方法可以使页面适应一些布局
2.APP开发技术栈详解(后续学习)
（native technology stack）、 （hybrid technology stack）、 （cross-platform technology stack）
解析：
（1）原生App技术栈（native technology stack）:利用运营商提供的一些原生物SDK进行开发，不能跨平台使用。
（2）混合的App技术栈：混合技术栈实际上是 Web 技术栈 该技术栈主要学习容器提供的容器技术栈 API Bridge，网页通过它们调用底层硬件 API。
（3）跨平台App技术栈：跨平台技术栈是指使用一种技术，同时支持多个手机平台。混合技术栈的区别在于不使用 Web 技术，即其页面不是 HTML5 页面是用自己的语法写的 UI 层，然后编译成各平台的原生 App。(按照规范书写/////flutter weex等）
Webview(只看引擎机制)
通常，App 内部会使用 WebView 作为网页引擎的控擎。这是系统自带的控制器，专门用于显示网页。应用程序的界面，只要放在上面 WebView，就像嵌入浏览器窗口，可以显示网页。
留给后面详解（*）
跨平台详解
跨平台技术栈的框架是用自己的语法编写页面，而不是 Web 在编译技术时，将其转换为原生控件，或使用自己的底部控件生成原生控件 App。这样就完全解决了 Web 页面性能差的问题。
一些详细的开发框架包括：
- React Native: 使用 JavaScipt 语言编写页面
- Xamarin：使用 C# 语言编写页面
- Flutter：使用 Dart 语言编写页面
1.React Native(需要详细的笔记学习)的笔记学习)
它面临着一些问题：将语义语法分析转化为原始控制器，但复杂的页面、样式或 功能不同。
2.Flutter解决方案
它自己实现了一套控件。包装时，将控件包装成每个控件 App，因此，调用原生控件没有问题。无论哪个平台，都可以通过调用嵌入式控件来实现 iOS 与安卓体验完全一致。API确定了）
它是 Flutter 官方语言，接近 JavaScript 语法，但更多的静态类型支持。
3.总结引入
跨平台开发的目的
- 在线动态，新业务的上线无需频繁更新版本；
- 增加代码重用，减少开发者适应多平台差异的工作量，解决多端不一致的问题；
- 在提高业务重点的同时，提供比例web体验更好；
- 降低开发成本.
跨平台开发流派
- Web 流：又称流 Hybrid 基于技术 Web 实现界面和功能的相关技术 Cordova，AppCan，小程序，快速应用
- 代码转换流：将语言转换为语言 Objective-C、Java 或 C#，然后用不同平台下的官方工具开发 java2OC，OC2Java，java2C#
- 编译流：将语言编译成二进制文件，生成动态库或打包成 apk/ipa/xap 文件 Xamarin
- 虚拟机流：将语言虚拟机移植到不同的平台上运行 Flutter，Titanium，React Native，Weex
主流技术跨平台开发
- Flutter（Google）
- ReactNative（FaceBook）
- Weex（Alibaba）
- Hybrid App
- Cordova（原PhoneGap，Adobe）（）
- 小程序，快速应用
响应式开发
网站要兼容PC移动终端显示-移动终端等端口
重点总结：
1.浏览器提供的对象环境变量和属性非常重要。只有了解其渲染机制，才能更好地适应。
注：*重要且未分析