加载中 ...
首页 > 新闻资讯 > 软件定制 正文

解决网页自适应客户端分辨率问题

2019-03-25 10:24:06 来源:沈阳软件公司 作者:沈阳软件开发

  在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。

  

  第一种方法:做一个网页解决问题(长了点)

  

  如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自己精心制作的网页变得"面目全非",那多令人沮丧!下面我们以网页爱好者的常用工具Dreamweaver(以下简称DW)为例,列出几个网页制作初学者较常见的网页布局问题以及解决方法,希望对初学者们有所帮助。

    

  <head></head>

  

  <body topmargin=0 leftmargin=0>

  

  <center>

  

  <table cellspacing cellpadding width=760><tr><td></td></tr></table>

  

  </center>

  

  </body>

  

  </html>

  

  三、定义固定大小的文字

  

  大家都知道,在IE浏览器的功能设置中,有一个可以自由设置窗口内容字体大小的功能,这样由于不同访问者的设置习惯不同,呈现在他们面前的网页有时也会不不相同。比如你可能本来设计时用的是2号字体,结果由于用户对浏览器的额外设定,变的更大了,这时你的网页也可能变得"不堪入目"。虽然不是你的错,但客户是上帝。

  

  如果使用了网页中的CSS样式表技术,就不会出现上述情况了。使用快捷键"Shift+F11"打开样式表"CSS style"编辑器,在窗口中单击鼠标右键执行"New CSS style..."命令新建一个样式表,然后在给出的列表中选择"类型"选项,定义文字属性参数(一般文字的大小选择12px较为适宜)。完成后选择网页编辑窗中的文本,单击新的样式表名称,可以看到选中的文本发生了变化。预览时试试定义的文本字体尺寸还会不会随浏览器的选择字体大小而改变。

  

  四、让网页适应不同的浏览器

  

  浏览器的格局现在是两分天下,一分是IE,另一分是NetScape,在国内Ie有绝对的占有率,在这种情况下我们设计的网页只要兼容它就行了,但NetScape在国外还是有很多人使用,毕竟它是浏览器的元老。

  

  虽然没有办法做出让所有浏览器都兼容的网站,但只要注意以下几点,做出来的网页在各个浏览器都中能达到比较好的显示效果:

  

  不要混合使用层和表格排版,如果是父子关系,如层中表格,不在此原则范围内。

  

  内联式的 CSS 在 Netscape Navigator 中经常会出现问题,使用链式或内嵌式。

  

  有时需要在空层插入表格或者透明图片,以保证在 Netscape Navigator 里的效果。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。