适应屏幕大小的思路

1、在非最终显示页面上，比如table显示列表时，可以适当减少显示内容。

试过用jquery控制，但效果不好，会把原始内容都显示出来，再调整。

最简单的方法是用bootstrap现成的visible-xs-block hidden-xs等

如果自己根据实际内容和屏幕大小设置更精细的css，也可以自己写css。

当td里的内容太长又不想换行时，用下面的改成XXX...

.eltd{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;   
}

2、在最终显示页面上，比如具体的实体数据，必须全部显示出来。可以

在提交请求时把屏幕情况提供给controller，根据不同情况返回不同view，数据一样，多个view布局完全更据需要的效果自订。条件更复杂的情况用这个好点，比如除了屏幕大小，还要根据用户选定的要显示的字段多少

同一个view里，再用上面说的visible-xs-block hidden-xs等方法控制应该也行。

或上面两种综合使用。