一般情况下。由于PC页面 和 手机首页显示的风格差异比较大!比如PC 使用grid dataTables 组件显示列表! 而手机一般使用list组件 循环显示列表。所以PC和手机开发一套界面很难做到自适应效果!

如果手机和PC的风格显示是类似的!表单布局也是一样的,这种情况下,就可以做同一套界面,使用row组件 设置 col 的class属性 ,根据屏幕分辨率,每行显示不同列数据(比如,pc每行显示3列,手机每行显示1列,使用流式布局。可以做到横向显示的自适应)!!

如果PC 和 手机差异比较大的情况,有两种方案:

1. 开发两套界面功能!手机运行手机的界面!PC运行PC的界面!两个功能访问 的URL 是不一样的 ,后端使用同一个逻辑!(相当于两个应用)

2. 如果想让两个页面访问的URL 也是一样的!那么可以把他们的页面开发放在一起。文件命名是一样的!只不过后缀名后差异,PC访问的功能页面后缀名是.w ,手机访问的页面后缀名是.m.w
这样,两套页面放在同一个路径下!当pc访问这个URL的时候,只会请求.w文件! 手机访问这个URL的时候,会优先访问.m.w 文件! 这样就可以做到,用一个应用下手机访问手机页面,PC访问PC 页面,并且是同一个URL地址!(实现了效果上的自适应能力)
注意:只能在UIServer 下使用,访问的url地址后缀名是.a
比如访问: http://localhost:8080/x5/UI2/demo/tuniu/index_main.a
PC会优先访问:http://localhost:8080/x5/UI2/demo/tuniu/index_main.w
手机会优先访问:http://localhost:8080/x5/UI2/demo/tuniu/index_main.m.w