移动端适配问题

来源:8-2 组件开发:分类菜单

心灵泽尘

2019-02-01

老师看您的css 直接用的 px 不需要移动端适配么?还是说其实您已经适配了?请问移动端该如何适配呢?有没有好的博文推荐呢?网上的博文感觉都一知半解,麻烦老师了。

写回答

2回答

艾特老干部

2019-02-03

你好,屏幕的适配主要是指不同屏幕宽度的适配,最简单的方式是根据水平方向的布局方式来适配,以header为例,需要显示左中右三个区域的信息,左右是两个icon,中间是标题信息,固定左右显示icon区域的宽度,标题信息居中,只要控制好标题长度,在不同手机屏幕上显示效果都是还可以的,本质上这种方式是固定部分宽度,其余根据屏幕宽度弹性伸缩,和flex布局思想类似。当然你也可以直接使用flex,根据这种思想进行适配。

另外一种常用适配方案是使用rem为单位,严格按比例进行缩放。

博文我没有推荐的,网上的内容应该都比较类似,自己看看,然后动手实践下,注意理解适配方法背后的思想,相信不难掌握。

祝学习顺利!



1
2
拿铁
是否有react-*npm包?我记得在哪看到过咨询。。?
2019-02-20
共2条回复

纯情掉了一地

2019-02-02

适配可以另开一门课了

0
3
心灵泽尘
回复
纯情掉了一地
谢谢!
2019-02-03
共3条回复

React16+Redux实战企业级大众点评Web App

从架构设计到部署上线,带你学习React技术栈与核心思想

1071 学习 · 306 问题

查看课程