移动端适配问题

Question

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

Answer 1

艾特老干部 2019-02-03 10:46:39

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

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

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

祝学习顺利！

• 提问者 心灵泽尘 #1

  谢谢老师

• 拿铁 #2

  是否有react-*npm包？我记得在哪看到过咨询。。？

Answer 2

纯情掉了一地 2019-02-02 16:26:31

适配可以另开一门课了

• 提问者 心灵泽尘 #1

  相关博文或者学习资料有推荐么

• 纯情掉了一地 回复 提问者 心灵泽尘 #2

  张鑫旭 博客 viewport

• 提问者 心灵泽尘 回复 纯情掉了一地 #3

  谢谢！