element-ui适合移动端用么

Posted 2023-04-02

minit－ui和element－ui，前者是移动端，后者是PC端，结合Vue功能不错，就是UI组件不是很强大，可以满足一般的需求。

所以element－ui不适合移动端。

element－ui的需求：丰富的feature：丰富的组件，自定义主题，国际化。文档 & demo：提供友好的文档和 demo，维护成本小，支持多语言。安装 & 引入：支持 npm 方式和 cdn 方式，并支持按需引入。工程化：开发，测试，构建，部署，持续集成。

作为一个基础组件库，还有一个很重要的方面就是组件种类丰富。element－ui官方目前有55个组件，分成了6大类，分别是基础组件、表单类组件、数据类组件、提示类组件、导航类组件和其它类型组件。这些丰富的基础组件能很好地满足大部分PC端toB业务开发需求。

element－ui的组件源码在packages目录里维护，而并不在src目录中，这么做的目的猜测是为了让每个组件可以单独打包，支持按需引入。

但实际上想达到这个目的也并不一定需要这么去组织维护代码，更推荐把组件库中的组件代码放在src／components目录中维护，然后通过修改webpack配置脚本也可以做到每个组件单独打包以及支持按需引入，源码放在src目录总是更合理的。

扩展资料：

element－ui组件的样式、公共样式都在packages／theme－chalk文件中，并且它是可以独立发布的。element－ui组件样式中的颜色、字体、线条等等样式都是通过变量的方式引入的。

在packages／theme－chalk／src／common／var．scss中我们可以看到这些变量的定义，这样就给做多主题提供了方便，因为我只要修改这些变量，就可以实现组件的主题改变。

updateVarible是一个POST请求，他会把你修改的的主题配置提交到后端server，提交的数据你可以自己去查看它的RequestPayload，这个POST请求会返回一段CSS文本，然后会动态插入到head标签的底部，来覆盖默认样式。

可以通过审查元素看到head底部会动态插入一个id为chalk－style的标签。

参考资料：百度百科-UI设计

参考技术A minit-ui和element-ui都是饿了么团队开发的,前者是移动端,后者是PC端,结合Vue还是挺好用的,就是UI组件不是很强大,可以满足一般的需求。本回答被提问者采纳

移动端用rem使字体自适应

　rem是css3引入的新的单位，与px和em相对比，我感觉rem更加便利，尤其是对移动端的字体自适应布局。

 

　rem是根据HTML的字体大小进行设置的。

　而HTML的基本字体大小是16px，所以可以加入如下代码：

1 html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}

　　这样设置的意思是将HTML的font-size设置为10px，方便计算。

　　然后就可以可以使用rem作为单位了，将px换成rem是绝对可行的，如：

1 #div1{font-size: 1.4rem;}

　　因为rem是根据HTML字体大小（10px）来设置的，所以1.4rem即是14px。

　　但是注意，这样直接设置固定大小在移动端并不适用……不信可以试试。

　　但是使用百分比就可以，如：

1 #div1{font-size: 140%rem;}

 　nuu，这样就可以自适应了。