- 浏览: 1213975 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (434)
- js (20)
- struts2 (77)
- spring (11)
- hibernate (17)
- ssh整合 (9)
- 程序例子 (4)
- 正则表达式 (8)
- JSP (20)
- IDE (15)
- 数据库 (10)
- 工作经验技巧感悟 (21)
- 程序员的幽默 (4)
- windows设置 (4)
- 名词解释 (4)
- 技术入门 (4)
- jFreeChart (16)
- OGNL (5)
- java基础 (46)
- dwr (4)
- portal (1)
- 示例用到的附件 (0)
- 优秀程序员45个习惯 (1)
- webService (1)
- shell (3)
- ibatis (3)
- 开发工具 (1)
- OS (3)
- xmlbean (2)
- design_pattern (0)
- error (1)
- testng (2)
- python (18)
- hadoop (21)
- mapreduce (9)
- Hive (0)
- HBase (0)
- ubuntu (22)
- 多线程 (7)
- 自我改进 (6)
- 设计模式 (1)
- ssh (2)
- ant (4)
- guake (2)
- 云计算 (9)
- hdfs (3)
- 大数据 (1)
- 电信业务 (1)
- maven (2)
- svn (5)
- UML (1)
- 待处理问题 (2)
- log4j (1)
- css (1)
- LevelDb (0)
- thrift (6)
- 辅助工具 (3)
- 算法 (1)
- tornado (0)
- twisted (1)
- jvm (0)
- 图书 (1)
- 其他 (1)
- oracle (2)
- mvn (1)
- 私人信息 (0)
- nio (1)
- zookeeper (1)
- JavaIO (3)
- mongodb (1)
- java-高级 (6)
- spring-深入 (1)
- tomcat (1)
- quartz (1)
- 面试题 (1)
- redis (3)
- EJBCA (0)
- spring-3.0 (1)
- memcache (3)
- 性能检测 (1)
- android (0)
- 开源项目 (1)
- 将博客搬至CSDN (0)
- 架构之路 (1)
最新评论
-
pjwqq:
“子类对象”都拥有了“父类对象的一个实例的引用”我晕,应该是“ ...
java继承--父类属性的存放位置 -
gwgyk:
关于楼主最后的问题,我想可能是这样:InputFormat默认 ...
eclipse 运行hadoop wordcount -
fanjf:
上述7点基本具备,可惜现在因为项目需要,做管理方面工作!
如何判断自己是否具有成为一名优秀程序员的潜质 -
摸爬滚打NO1:
链接已经失效
Eclipse添加JSEclipse 插件(js插件) -
younglibin:
看了以上7条, 自己 也不知道是否能够对上, 感觉没一点都有那 ...
如何判断自己是否具有成为一名优秀程序员的潜质
页面在不同屏幕分辨率下存在的问题及解决办法
(未考虑800*600或更低分辨率的情况)
一 问题
在不同分辨率下,页面布局存在不同程度的差异,特别是页面上的表单控件,其宽度默认是固定值“width:150px”,当分辨率较高时,表格中的空白显得过多,页面布局显得很不协调,在宽屏显示器上尤为明显。
二 解决办法
方法1. 为不同分辨率单独做样式文件,在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如:forms[_屏幕宽度].css,样式文件中只需重新定义文本框和下拉框的宽度即可。
在包含的头文件headr.inc中加入js代码:
if(screen.width > 1024){
document.write('<link rel="stylesheet" type="text/css" href="${path}/nrmus/etc/css/forms_'+ screen.width +'.css">');
}
forms_1280.css文件内容:
/* 分辨率宽度为1280的时候,文本框和下拉框的宽度属性(width)单独定义
* 参考计算方法为:(分辨率宽度-174)/4 * 0.7
* 左侧菜单栏宽度为174px;右侧页面表格是4列;控件宽度为单元格的70%
* (1280-174)/4*0.7 = 193
*/
input.text
{
background:#FFFFFF;
border:1px solid #B5B8C8;
padding:3px 3px;
height:22px;
line-height:18px;
vertical-align:middle;
padding-bottom:0pt;
padding-top:2px;
width: 193px;
color: #333;
}
select.select{
width: 193px;
}
优点:实现很简单,代码量少;并且可针对不同分辨率做更细粒度的页面控制。
缺点:无明显缺点。
方法2 将整个页面的宽度设置为固定值,并使其居中显示。
优点:可以很大程度的消除不同分辨率下的显示差异。
缺点:分辨率宽度大于这个固定值的时候,页面两边会出现空白。
方法3 用js判断分辨率,修改body的zoom属性(IE特性),即可实现对整个页面进行缩放,类似IE8或其它浏览器提供的缩放功能。
优点:实现简单,页面能进行缩放。
缺点:缩放是宽度和高度的等比缩放,高分辨率下字体、图片看起来会变小,问题解决的不彻底。
三 总结
推荐方法1。页面布局的变化和分辨率的宽度有密切关系,和高度关系不大;常用的分辨率宽度也就几种,做几个简单的css文件即可。
发表评论
-
javaweb项目RuntimeException不能默认打印到控制台
2012-11-26 15:46 3053前几天搭建了一个框架: 配置 struts2 spring2 ... -
CSS 中 # 和 . 的区别
2011-05-17 10:03 15486id:用来定义页面中大 ... -
在网页右下角弹出提示窗口(完整实例)+参数说明
2010-01-05 10:58 4041<Script language="javas ... -
鼠标经过导航栏改变页面的内容
2010-01-04 16:30 3014用到的css: <style type="t ... -
固定(冻结 )table第一行的列名
2009-12-25 14:35 11869在做数据展示时,出阿里的数据好多,分页后,由于页面显示的范围比 ... -
图片 的超链接带边框
2009-12-25 11:43 3428去掉图片超链接边框颜色: 一种方法是在图片img标签 ... -
<td>……</td>里的字数100,只显示其中20个
2009-12-22 17:33 6791如果不是一定要限制字数,可以限制长度的话 <ta ... -
css实现页面文字不换行、自动换行、强制换行
2009-12-22 15:35 5639强制不换行 div{white-space:nowrap;} ... -
struts2 标签展示 map
2009-09-21 17:59 2272从数据库中查找出来的 ... -
JSP中Servlet生命周期
2009-08-31 08:36 1566Servlet生命周期:以下是 ... -
JSP中response对象
2009-08-31 08:35 3599所属接口:javax.servlet.http.HttpSer ... -
JSP中request对象
2009-08-31 08:34 13104JSP中request对象 Web是请求/响应架构的使用,浏 ... -
JSP的动态导入和静态导入
2009-08-31 08:33 3607JSP的动态导入和静态导入: 1.静态导入时将被导入页面的代 ... -
JSP 的 九 个内置对象
2009-08-27 17:03 1448JSP 的 9 个内置对象 JSP 页面中包含 9 个内置对象 ... -
JSP 的七个动作指令
2009-08-27 10:59 2029动作指令与编译指令不间,编译指令是通知 Servlet 引擎的 ... -
JSP 的三个编译指令
2009-08-27 10:15 1374JSP 三个编译指令: page: 该指令是针对当前页面 ... -
JSP页面跳转大全
2009-08-26 13:22 3792JSP中的跳转: (1). forward()方法 使 ... -
Tree 元素列表一览
2009-08-26 13:13 1512每个结点有一个状态叫做OPEN(打开); 如果结点为OPEN, ... -
JSP页面元素详解
2009-08-26 13:10 1966document方法: getElementById(id) ...
相关推荐
鉴于市场上用户的手机型号、种类、屏幕分辨率等参差不齐,传统方式根据主流系统分别开发相应的系统耗时又耗力,为了高效开发并节约开发项目成本,本文采用Android+HTML5相结合的方式进行移动端Web系统的设计研发工作...
解决办法是先关闭任务管理器,然后再尝试安装。 4. **界面死机问题**:在Windows 8的某些版本中,打开群窗口可能导致界面无响应。这可能是由于与Windows 8的兼容性问题,特别是与主题皮肤的透明特效有关。关闭透明...
在电脑使用过程中,屏幕闪烁不定是一个常见的问题,可能会影响到用户的工作效率和视觉体验。下面将详细探讨电脑屏幕闪烁的多种原因及其相应的解决方法。 1. **显示器刷新频率设置得太低**: 这是导致屏幕闪烁的一...
- **检查系统分辨率**:若调整浏览器设置无效,可能需要检查系统的屏幕分辨率设置,选择与游戏兼容的最佳分辨率。 - **禁用浏览器插件**:某些浏览器插件可能与游戏冲突,尝试临时禁用所有插件,然后逐个启用,找...
5. **Readme文件**: `readme.txt`通常是开发者提供的指南,里面可能包含了安装、配置、使用模板的说明,以及可能存在的问题和解决办法。 6. **图像资源**: `img`文件夹通常存储了网站所需的图片资源,如logo、背景...
**五、常见问题与解决办法** 1. **页面内容超出全屏高度**:如果某个内容块的内容超出了全屏高度,可以使用CSS来限制其高度并启用内部滚动。 2. **导航栏固定位置**:若需固定导航栏,需自定义CSS,确保其在页面...
因此,如果需要创建超出浏览器默认限制的大尺寸canvas,一种常见的解决办法是使用多个较小的canvas元素拼接在一起,或者利用WebGL等技术来提高渲染效率和适应更大尺寸。 此外,开发者应当关注性能问题,因为大尺寸...
111 <br>0184 如何在ASP.NET中获取文件的扩展名 111 <br>0185 如何在ASP.NET中用URL在页面之间传值 112 <br>0186 如何使用IsPostBack实现ASP.NET页面加载 112 <br>0187 如何利用输出缓存技术缓存...
5.5、LISTVIEW 与 SCROLLVIEW 解决办法 144 方法一:(重写ListView) 144 方法二: 150 5.6、3D魔方 151 6、ANDROID UI 动画 160 6.1、四种2D动画 160 6.1.1、透明度控制动画效果 alpha 160 6.1.2、旋转动画效果 ...
14.选择“重新启动计算机并切换到MS-DOS方式”,在DOS提示符下键入“VER”,屏幕显示____D____。 A、DOS6.22 B、DOS7.0 C、Windows3.2 D、Windows98 15.计算机病毒主要破坏计算机系统的 ___C__ 。 A、显示器 B、软盘...