不同的响应方式,其规则也不同,而决定响应式设计规则的主要尺寸区间:页面可达到的响应尺寸范围a断点设置:包括断点的数量及各数值m拉伸规则:断点区间内,同一布局内容的拉伸规则。
尺寸区间
所调的响应式设计并非是无限尺寸的响应,在对页面进行响应式设计的过程中必定有个响应的尺寸范围,如何设定这个区间,可以依据以下三点来进行综合评估:
1.基于页面信息类型及内容量
2.考虑现有的资源条件,包括项目成员、时间、设计技术能力等
3.当前用户(或目标用户)的设备屏幕宽度的尺寸数据
如果有条件的话,一定是以服务所有目标用户为前提,并基于用户设备的变化趋势适配未来设备的可能性,而取全设备区间尺寸。
基于这些数据设,设备尺寸越来越多,变化越来越快,理想的方式一定是覆盖全设备的全区间响应,则页面的响应区间应为320-1920px。体各业务产品项中可以基于页面信思类型及内容量,考虑现有的资源条件、当前用户(或目标用户)的设备屏幕密度的尺寸数据,来进行综合评估。以覆盖的主流用户设的尺寸区间为前提,在可能扩大响应区间的原则上,取其中某一段响应区间。
咨询
