适应屏幕大小的思路
来源:互联网 发布:mlily床垫怎么样知乎 编辑:程序博客网 时间:2024/05/18 01:56
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等方法控制应该也行。
或上面两种综合使用。
0 0
- 适应屏幕大小的思路
- 背景图片适应屏幕大小的一些方法
- delphi 适应屏幕大小
- UIWebView适应屏幕大小
- 图片绘制适应屏幕处理的一些思路
- Delphi自动适应屏幕大小
- webview 图片 适应 屏幕大小
- Android图片适应屏幕大小
- Android 如何适应屏幕大小
- 让webView适应屏幕大小
- Android图片适应屏幕大小
- echarts自动适应屏幕大小
- 屏幕大小适应地图上的所有的坐标
- <supports-screens> 让你的layout适应屏幕的大小
- UILable的设置使其内容适应屏幕的大小
- UIWebView设置图片的宽度适应屏幕的大小
- <supports-screens> 让layout适应屏幕的大小
- Android <supports-sceeens>的用法,适应屏幕大小
- webMethods Designer默认用户名和密码删除
- BZOJ_3262
- CocoaPods详解之----使用篇
- 微信小程序左滑删除效果的实现
- 全景图(一):使用Unity完成水晶球纹理贴图
- 适应屏幕大小的思路
- ros下同时使用kinect和primesense
- ios objective-c 生命周期
- perl多进程实战之一
- UIView 刷新---setNeedsDisplay、setNeedsLayout
- FLV学习(二)FLV封装原理
- 一个简单的小题目引发的血案
- 【Web前端】HTML书写规范
- 【书山有路】Python基础教程 第1章