移动端适配问题
来源:8-2 组件开发:分类菜单

心灵泽尘
2019-02-01
老师看您的css 直接用的 px 不需要移动端适配么?还是说其实您已经适配了?请问移动端该如何适配呢?有没有好的博文推荐呢?网上的博文感觉都一知半解,麻烦老师了。
写回答
2回答
-
你好,屏幕的适配主要是指不同屏幕宽度的适配,最简单的方式是根据水平方向的布局方式来适配,以header为例,需要显示左中右三个区域的信息,左右是两个icon,中间是标题信息,固定左右显示icon区域的宽度,标题信息居中,只要控制好标题长度,在不同手机屏幕上显示效果都是还可以的,本质上这种方式是固定部分宽度,其余根据屏幕宽度弹性伸缩,和flex布局思想类似。当然你也可以直接使用flex,根据这种思想进行适配。
另外一种常用适配方案是使用rem为单位,严格按比例进行缩放。
博文我没有推荐的,网上的内容应该都比较类似,自己看看,然后动手实践下,注意理解适配方法背后的思想,相信不难掌握。
祝学习顺利!
122019-02-20 -
纯情掉了一地
2019-02-02
适配可以另开一门课了
032019-02-03
相似问题