创晟网络-孝感网站建设专家!-孝感网络公司-随州网站建设-孝感做手机网站-武汉网站建设-黄冈网站优化-孝感电子族谱开发-孝感OA办公系统开发-孝感公排系统-湖北互助平台开发
新闻资讯
您的位置:网站首页 >> 新闻资讯 > 建站指南

如何让制作的网页100%自动适应

发布者:admin 发布时间:2014-9-10 阅读:2744次

如何让制作的网页100%自动适应

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

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

自动适应所有浏览器的优缺点?
优点:

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

缺点:

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

注:

一般我们不建议网页制作成100%自动适应的,因为这样会有很多不可控性因素在里面,所以现在大多数网站一般还是标准的1000宽度设置的网页。

孝感创晟网络技术有限公司   Copyright ©2011-2020  All Rights Reserved   备案编号:鄂ICP备17019099号-3   
《企业法人营业执照》注册号:420900000026289   地址:湖北省孝感市乾坤大道特1号   24小时服务电话:13733494239
点击收缩

咨询热线

13733494239
创晟网络