网站常识Common Sense

当前位置:首页 > 网站常识 > 如何让制作的网页100%自动适应所有浏览器
常见问题frequently questions 网站常识Common Sense 推广知识Popularizing knowledge 空间知识Spatial knowledge 备案问题Filing problems

如何让制作的网页100%自动适应所有浏览器

作者:鹏飞网络   时间:2014-9-9

什么是网页100%自动适应所有浏览器?
其实这句话所说意思就是让网页在任何电脑的浏览器上打开,都是100%满屏显示,html代码会自动调整网页宽度。

如何制作?
很简单,只需要在制作网页的时候把各个版块设置宽度的位置都使用百分比,而不是使用固定的值。
例:width:1000px; 改成 width:100%;

自动适应所有浏览器的优缺点?
优点:
现在的浏览器从原来的800*600已经发展到了1900*1600以上,比最初的显示区域大了一倍不止,如果照固定的宽度来设置网页,设置小了在大的显示器上会留着很多的空白,宽度值设置大了会在小的显示器上有左右滚动条,无论这两点哪一点都会导致网页看着不太舒服,但使用百分比设置的网页就会在所有浏览器上都是满屏显示,不会出现这种问题。

缺点:因为排版设置的100%比,而内容区又是从数据库调用的,属于动态的,在不同大小的浏览器上显示的效果会不相同,即使经验丰富的网页设计人员也没办法完美控制在所有显示器上显示相同效果。
例:网页上产品展示区域图片列表一共显示10个,在在900宽左右的显示器上,每行显示五个,一共两行,但在1900宽的显示器上就可能只显示一行。这只是标准显示,也有可能会造成同样显示两行,只不过头一行显示8个,第二行显示两个(这种情况下,同样会造成网页很难看)。

注:一般我们不建议网页制作成100%自动适应的,因为这样会有很多不可控性因素在里面,所以现在大多数网站一般还是标准的1000宽度设置的网页。北京网站建设鹏飞网络有着经验丰富的网页设计师,可以完美的为您提供网页设计服务。