uniapp自适应网页设计（uniapp移动端适配）
本文目录一览：
- 1、怎么添加网页怎么添加网页到桌面快捷方式
- 2、uniapp是做什么的
- 3、uniapp开发可以同时用多个ui组件库吗
- 4、UniApp的Flex布局
- 5、如何写自适应分辨率的网页
- 6、uniapp画布不适配机型
怎么添加网页怎么添加网页到桌面快捷方式
1、首先解锁手机，找到桌面上的浏览器图标，打开。 在打开的页面，找到想要设置的网页，打开之后，点击右下角的“更多”图标。 如图，在下方打开的菜单中，选择“收藏网址”选项。
2、网页设置为桌面快捷的方式如下：在桌面的空白处点击鼠标右键，然后点击新建选项。（如下图所示）在新建选项之中选择快捷方式，然后打开需要添加的网页。
3、首先打开电脑上的谷歌浏览器，然后将想要创建快捷方式的网页打开。 接下来，点击右上角的三竖点图标。 在打开的菜单中，选择更多工具选项。 接着，点击在菜单中的创建快捷方式选项。
4、首先打开手机上的浏览器（以UC为例），进入主页面后，点击页面右下角的我的选项。 在打开的我的页面，点击左侧的“收藏/历史”选项。
5、先进入到需要设置快捷方式的网页中，右键点击网页地址，复制这个地址。复制好网址后，在电脑桌面的空白处，单击鼠标右键，就可以看到“新建”字样。
6、首先在桌面单击鼠标右键，选择“新建”-“快捷方式”。在弹出的新建快捷方式对话框中输入你想保存的网页的网址，起个名字。这是会看到桌面上有个想保存的网页的快捷方式，双击可以打开，但是图标很难看。
uniapp是做什么的
1、uniapp是做移动端的，vue是做PC端的，uniapp就是基于vue设计的，它们的主要区别就是端口不一样，其他的功能作用都是一样的，虽然vue和uniapp可以多端编译，输出H5和小程序，但它们的css写法是受限的。
2、uniapp是一个开放的、支持多种开发工具的多端开发框架。HBuilderX和uniapp，同属一个公司，即DCloud出品。HBuilderX团队为uniapp做了大量的优化和定制。
3、uniapp和vue的区别在于：uni-app可以编译到（头条，支付宝，微信，QQ，百度）小程序，安卓版，ios版，h5版。通过打包实现一套代码多端运行。vue在web上是为单页应用而生的，在app上，单页应用会卡死。
4、个人认为：做一个对原生组件自定义需求不高的项目，比如商城，外卖，CRM，OA，社区，会员管理，营销工具等都是完全没问题，而且官方有插件市场，可以直接用，也可以找人定制。
5、uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
6、Vue是一款流行的JavaScript框架，主要用于构建Web应用程序。而Uniapp是一个基于Vue.js的跨平台应用框架，可以同时构建iOS、Android、H5等多个平台的应用程序。
uniapp开发可以同时用多个ui组件库吗
uni-app的非H5端里所有的 BOM／DOM 都不能用，也就是说 v-html 指令不能用，可以使用 rich-text组件 代替。或者使用三方组件wxparse，在hello uni-app中有示例。
同时用的话肯定会起冲突的，所以的话这个在使用的过程中只能够选择一个设备，然后去操作，或者是去使用就可以了。
component：需要参与页面布局，比如：map、image等需要显示UI的功能，通过扩展component即组件的方法来实现；新建TestModule类，继承 DCUniModule，引入 DCUniModule.h 头文件。
目前uni-app也有很多兼容性非常好的ui框架可以选择，如uview-ui，colorui等等。下面展示就是基于uni-app+uview-ui实现的实时公交车小程序。
能用。UniApp支持在App和小程序中使用小程序自定义组件，从HBuilderX7起，H5端也可以运行微信小程序组件。因此，只要符合相关技术规范和标准，UniApp小程序组件就可以在App中使用。
UniApp的Flex布局
引入可以，但不能导出多端，如果你只是做网页开发，在使用flex布局的前提下可以放心大胆引入elementUI。但导出小程序会报错。uniapp组件太多依赖扩展组件就无法实现一次开发8端导出。
现在我在使用mui团队开发的另一个框架uniapp开发一个简易版的头条。也是文章，专家，订阅，评论等等内容。开始时候自己慢慢看文档，看官方例子，动手去书写，深入了一下flex布局。公用的分装，优化promise请求。
uniapp打包微信小程序和抖音小程序的区别有开发语言，界面布局。开发语言：微信小程序使用的是基于WXML和WXSS的小程序开发语言，抖音小程序使用的是TikTok的UI组件和JSX语法。
和weex方式的原生渲染，两种渲染引擎可以自己根据需要选。组件和js写法是一样的，css不一样，原生排版的能用的css必须是flex布局，uni-app的App端内置了一个基于weex改进的原生渲染引擎，提供了原生渲染能力。
如何写自适应分辨率的网页
1、选择应用不同的CSS规则。其次，除了布局和文本，”自适应网页设计”还必须实现图片的自动缩放。有条件的话，最好还是根据不同大小的屏幕，加载不同分辨率的图片。有很多方法可以做到这一条，服务器端和客户端都可以实现。
2、通常的做法还是根据不同类型终端分别做成好几套，通过判断终端类型来加载不同的网页！自适应屏幕大小的网页元素会乱，所以一般情况下都不是自适应的。
3、自适应网页设计指能使网页自适应显示在不同大小终端设备上新网页设计方式及技术。当然，对一个新手来说可能听起来有点复杂，其实它比你想象的简单多了（前提你有css基础）。在HTML头部增加viewport标签。
4、两种分辨率各做一个吧？做起来费时，看起来也费劲。怎么办呢？现在大多数网民都还在用800*600的分辨率，所以我们一般可以以此分辨率为主，要想让网页在1024*768时居中，只要在网页原代码的后紧加一句，前加一句就OK了。
uniapp画布不适配机型
1、安卓手机版本过低：canvas在安卓手机的兼容性方面存在问题，安卓手机版本过低会导致canvas生成的水印无法正常显示。
2、uniapp横屏后，适配iponex的步骤如下。首先打开uniapp文件。其次在入口文件处找到css。最后在css里加入view即可。
3、不麻烦。UniApp是一个使用Vue.js开发所有前端应用的框架，开发者编写一次代码，可发布到iOS、Android、H5等多个平台，因此UniApp适配安卓和iOS并不麻烦。
