网页页面适应不同客户端浏览器和分辨率（共五则范文）

第一篇：网页页面适应不同客户端浏览器和分辨率

网页页面适应不同客户端浏览器和分辨率

上回 说到“大屏幕浏览页面的良好体验，本就应该用户自己调整窗口。”

根据屏幕不同大小，缩小窗口出横向滚动条在所难免，但理想情况下，页面应该能适应不同客户端浏览器和分辨率。实际操作通常又有三种情况：版面自适应、视觉自适应、内容自适应。

在windows系统任务栏空白处单击右键，有如下图的菜单，分别提供有“横向平铺窗口、纵向平铺窗口”的功能，根据激活窗口个数按需切分屏幕。如果没记错的话，自win2000就已经用了，更早没试过。虽然那会我们用的显示器大些才17′，但在多窗口工作时确实方便。

版面上自适应

Information Architects Japan在06年提出 web设计95%是排版 的观点，如果精确理解，指呈现部分信息架构之下“信息设计”的范畴，俗称排版。因为我们都了解广义上的web design不仅要看还得有动，其实有个很大的 知识框架 做支撑。

web排版相较平面的优势在于数据灵活性，理论上可以实现只维护单个页面，然后通过web技术来实现多种排版表现。在实践中获取点滴信息设计基础之后再来看这个问题，感触颇深。

现实网站中，越重要的页面模块越多，排版难度也就越大。比如门户网站首页，我很少看到自适应的，大概是雅虎网站改版开了先河。分别使用narrow layout和wide layout两种模式，适应800和1024px分辨率，根据客户端请求分析再输出，即在自定义基础上实现了自适应。

视觉上自适应

视觉上的处理相对简单，通过超大图形先适应大分辨率，然后向下兼容。即可以实现在不同分辨率下看到不同的整体效果。如果处理得当，在小分辨率下将更显大气，用户某天突然用大屏幕也许会有额外惊喜的良好体验。

Phofa.net 是日本搞艺术的网站，下图分别为首页在1024*768和1680*1050两种分辨率下的截图对比。多屏拼接而成，可以清楚看到整体表现视觉风格与VI体系的完美融合，简洁有力。

还有我 06年设计的个人网站 例子，顶部平铺其实是张1600*345规格的天空图案，中间没有循环，因此比较逼真。只有在更大分辨率上才露出马脚，比如下图是在1680*1050中的效果。

更早这个 05年设计的个人网站 是半成品，通过黄金分割比例实时自适应，可以在任何分辨率下都有最佳视觉效果。当时主要研究使用div做高级布局保证可访问性，向下兼容良好，设计理念现在也不过时，前不久还看到有文章探讨黄金分割。

内容上自适应

其实关于过宽、过窄我想很早已被设计师注意，因为CSS2中专门有针对高宽的min和max定义，只不过因之前很多浏览器支持不好而用的少。尤其max-width, min-width语法的优势，在自适应中排版中可以得到充分发挥，当然也还有其他方案。

也许有同行记得，曾经让所有浏览器支持max-width还是重要解决方案。当处理完外层容器宽度问题后，里边就等同于主流分辨率场景。要做自适应，必然有个模块的内容不能固定宽度，关键处理好里边信息的呈现即可。总结起来有如下三类：

没有宽度控制，比如Google Picasa

有宽度底线，但没上限，比如Google Images Search

有宽度上限，但没底线，比如Google Reader

注意，举例中宽度底线不是以出横向滚动条为判断准则，因为容器有被强制撑开的情况。Google产品线处理相对较好，更多案例可以参考Junyu 总结的宽屏幕下的Web设计。

其实还有类宽度同时有底线和上限控制的特殊情况，但向下兼容和维护是个问题，比如05年底的这个 最窄770px最宽1024px 经典布局。同时灵活意味着控制成本，也因此成熟案例少见。

第二篇：浏览器无法打开网页的解决方案

浏览器无法打开网页的解决方案

故障现象：

浏览器无法打开网页

原因分析：

1.网络设置的问题：这种原因比较多出现在需要手动指定IP、网关、DNS服务器联网方式下，及使用代理服务器上网的造成IE无法打开。

2.DNS设置错误的问题：当IE无法打开时，可先尝试用IP地址来访问，如果可以访问，那么应该是DNS的问题。

3.IE本身的问题：当IE浏览器本身出现故障时，自然会影响到浏览了；或者IE被恶意修改破坏也会导致无法打开网页。

4.网络防火墙的问题：如果网络防火墙设置不当，如安全等级过高、不小心把IE放进了阻止访问列表、错误的防火墙策略等。

5.HOSTS文件的问题 ：当用户在浏览器中输入一个需要登录的网址时，系统会首先自动从Hosts文件中寻找对应的IP地址，一旦找到，系统会立即打开对应网页，如果没有找到，则系统再会将网址提交DNS域名解析服务器进行IP地址的解析。因此HOSTS文件被修改，也会导致浏览的不正常。

6.病毒的问题：系统感染病毒也会导致浏览器无法打开网页。

解决方案：

1.首先检查IP及网关、DNS等参数配置是否正确，查看方法：通过右键单击网络连接，在弹出的右键菜单中选择“属性”，在“网络连接属性”对话框中双击“Internet协议（TCP/IP）”（图1），修改IP、网关、DNS等参数（图2）

2.查看浏览器的代理配置是否正确，单击“工具”菜单中“Internet选项”，在“Internet选项”窗口中选择“连接”标签中的“局域网设置”（图3），在“局域网设置”中修改代理服务器配置为正确（图4）

3.修复IE: 3.1.1重置IE: 单击“工具”菜单中“Internet选项”，单击“高级”选项卡。在“重置 Internet Explorer 设置”下，单击“重置”。（图3）

3.1.2然后再次单击“重置”。（也可以勾选“删除个性化设置”，以将相应的个性化信息重置为默认设置。）

3.1.3 完成重置设置后，单击“重置 Internet Explorer 设置”对话框中的“关闭”。

4.禁用加载项：单击“工具”按钮，单击“工具”菜单中“Internet选项”，在“Internet选项”对话框中选择“程序”标签中的“管理加载项”。（图5）

4.1 在“显示”列表中，单击“Internet Explorer 已经使用的加载项”以显示所有加载项。单击要禁用的加载项，然后单击“禁用”。（图6）

5.通过工具修复IE：以360安全卫士为例：

5.1 单击工具列表中的系统修复，选择“电脑门诊”（图7）

5.2选择“我的浏览器不能正常工具”

5.3 选择“网页打不开，但QQ、MSN等聊天工具能上”点击“下一步”，即可进行自动修复。

6． 防火墙：一般默认情况下防火墙都不会阻止浏览器，但是有可能是误操作导致防火墙阻止了浏览器，首先关闭防火墙测试是否可以正常打开网页，如果可以正常打开的话，只需要将浏览器加入防火墙的白名单即可。

7.HOSTS文件：在“%Systemroot%System32DriversEtc”文件夹下找到HOSTS文件，使用记事本将HOSTS文件打开，只保留原始的内容，将多余部分删除。(图8)8.进入安全模式将杀毒软件升级至最新病毒库，对所有分区进行病毒查杀，避免因病毒导致的浏览器无法使用。9.无法打开二级链接：处理的方法是重新注册如下的DLL文件： 在开始菜单中的“运行”中输入： regsvr32 Shdocvw.dll regsvr32 Shell32.dll regsvr32 Oleaut32.dll regsvr32 Actxprxy.dll regsvr32 Mshtml.dll regsvr32 Urlmon.dll regsvr32 Msjava.dll regsvr32 Browseui.dll

第三篇：万村网页页面更新操作指南

万村网页页面更新操作指南

一、登陆管理系统：

1、打开广德先锋网（http://www.xiexiebang.com/），在页面右侧中部“安徽先锋网电子政务系统”栏输入登陆账号密码。

点击确定后进入“安徽先锋网电子政务系统”

2、点击左侧主菜单内的“村级模板系统”。右侧出现该用户所在乡镇（村级用户登陆显示所属村）。

3、点击乡镇名称，出现村列表，然后点击需要管理的村后面的“进入管理”（可以在“进入管理”上点击鼠标右键选择“在新窗口中打开”，这样避免再管理其他村时需要重新登陆）。

进入村级管理页面如下：

二、栏目管理：

点击左侧菜单中的栏目管理，页面出现现有栏目列表。

1、栏目排序：列表中顺序列可以输入序号，点击“重新排序”后，栏目按照输入的序号排序。

2、新建栏目：点击“新建”，弹出新建栏目窗口。

输入栏目名称、序号，选择相应的显示类型，一般为默认的条目文章。点击“提交”，栏目新建成功。

三、内容管理：

点击左侧菜单中“内容管理”下面的相应栏目，右侧出现该栏目已有内容条目列表，直接点击现有条目后面“修改”、“删除”即可对现有内容进行修改和删除操作。列表前面的序号同栏目管理一样可对

其进行重新排序。

增加内容：点击列表上面的“增加”，出现增加内容对话框，输入标题和内容，文字内容最好先在word内排版（确定字体、字号、段落缩进，并将行间距设置为固定值，不要使用单倍行距），完成后拷贝黏贴到内容框。若要插入图片，请先点击内容区需要插入图片的位置，再点击编辑条上的插入图片图标，出现图片上传窗口（该功能不支持ie8浏览器），点浏览找到指定的图片（图片宽度控制在500像素以内），点确定上传图片，编辑完成后点“提交”，文章添加成功。

注：“本村概况”是单页面栏目，只能在首页显示最上面的一条内容，不建议添加多条，需要增加内容是请修改原来的条目。

第四篇：怎样适应不同的环境

怎样学会适应不同的环境

随着现代社会的不断发展，越来越发现适应不同的环境是多么重要。作为现代社会的一份子，必须明白一个真理：“适者生存”。

但我所说的适应环境，并不是盲目跟风。

一个人要想在现代社会站稳脚跟，必须要有一个自己的准则。这个准则因人而异。大多数的我们都在学校受了十几年的教育，我们认识到的社会，是充满正能量的，而当我们踏入社会的时候，现实中社会给了我们太多的失落感。这时候，我们应该做的不是一味的感叹惆怅，而是面对现实，认识现在的社会。知道它与你想像中的不同，而你处在这样的社会中对自己的要求是什么，你追求梦想的步骤是什么······慢慢地，把自己该做的一步步弄清楚，千万不能乱了阵脚，因为社会很难靠个人的力量去改变，所以你只能选择以自己的方式去更好的适应它。

无论面对什么样的境况，对自己的真实定位都是必要的。比如说我吧，我以后的目标就是当一名负责任的老师，我现在要做的就是安心把自己的专业学好，多参加各种活动锻炼自己的能力，我相信自己是属于那片讲台的，我有信心自己可以做好，所以不论有多少我不知道的规则，无论结果是好是坏，尽过自己的全力就好。难道说，因为现在有很多人走后门，我们就要跟着走吗？

有准则的做自己，闯社会才是我们该做的。

第五篇：会议活动要适应不同口味

会议一般要为与会者及其随行家属安排一次或几次特别活动。特别活动可以是在会议正在召开时组织与会者家属进行的项目，也可以是会议期间专门安排的与会者及其家属共同参加的活动。

了解与会者的身份：

为与会者安排活动之前要了解他们的身份背景。他们是否与去年的与会者一样？今年的新的与会者，可以为他们安排以前成功的活动吗？

如果与会者还是去年那一群人，那麽活动不必比去年的更大或更好，但却必须与去年的活动有所不同。

由于不同会议的与会者有不同的性格特点，所以在此主要的责任就是你所计划的活动要适合与会者的口味。

会议期间可以安排的特别活动一般有：观光旅游、宴会、、乘船游览、看地方戏曲、欣赏民族歌舞演出、垂钓、水上活动、海边晚会、聚餐、主题晚会、参加地方传统节日活动。