收藏本站 联系我们

0871-68392135

如何让制作的网页100%自动适应2016-03-18 11:26:24

其实这句话所说意思就是让网页在任何电脑的浏览器上打开,都是100%满屏显示,html代码会自动调整网页宽度。
如何制作?
很简单,只需要在制作网页的时候把各个版块设置宽度的位置都使用百分比,而不是使用固定的值。
例:width:1000px; 改成 width:100%;
自动适应所有浏览器的优缺点?
优点:
现在的浏览器从原来的800*600已经发展到了1900*1600以上,比最初的显示区域大了一倍不止,如果照固定的宽度来设置网页,设置小了在大的显示器上会留着很多的空白,宽度值设置大了会在小的显示器上有左右滚动条,无论这两点哪一点都会导致网页看着不太舒服,但使用百分比设置的网页就会在所有浏览器上都是满屏显示,不会出现这种问题。
缺点:
因为排版设置的100%比,而内容区又是从数据库调用的,属于动态的,在不同大小的浏览器上显示的效果会不相同,即使经验丰富的网页设计人员也没办法完美控制在所有显示器上显示相同效果。
例:网页上产品展示区域图片列表一共显示10个,在在900宽左右的显示器上,每行显示五个,一共两行,但在1900宽的显示器上就可能只显示一行。这只是标准显示,也有可能会造成同样显示两行,只不过头一行显示8个,第二行显示两个(这种情况下,同样会造成网页很难看)。
注:
一般我们不建议网页制作成100%自动适应的,因为这样会有很多不可控性因素在里面,所以现在大多数网站一般还是标准的1000宽度设置的网页。昆明网站建设互维网络有着经验丰富的网页设计师,可以完美的为您提供网页设计服务。

地址:昆明市科发路中天花园3栋1单元303室  官方网站:http://www.s88c.com

24小时服务热线:18088477978 0871-68392135 Email:kefu@huweiw.com QQ:442121340

Copyright © 2010 - 2018 s88c.com All Rights Reserved 滇ICP备12002270号

互维网络1 互维网络2 互维网络3 互维网络4 关闭