怎样让制作的网页100%主动顺应
其实这句话所说意思就是让网页在任何电脑的阅读器上打开,都是100%满屏显示,html代码会主动调整网页宽度。
怎样制作?
很简略,只需要在制作网页的时候把各个版块设置宽度的位置都运用百分比,而不是运用牢固的值。
例:width:1000px; 改成 width:100%;
主动顺应所有阅读器的优缺陷?
长处:
此刻的阅读器从本来的800*600已经开展到了1900*1600以上,比最初的显示区域大了一倍不止,要是照牢固的宽度来设置网页,设置小了在大的显示器上会留着许多的空白,宽度值设置大了会在小的显示器上有左右滚动条,不管这两点哪一点都会导致网页看着不太舒服,但运用百分比设置的网页就会在所有阅读器上都是满屏显示,不会涌现这种题目。
缺陷:
由于排版设置的100%比,而内容区又是从数据库调用的,属于动态的,在不一样大小的阅读器上显示的结果会不雷同,即便经验丰硕的网页设计人员也没方法完善控制在所有显示器上显示雷同结果。
例:网页上产品展现区域图片列表一共显示10个,在在900宽左右的显示器上,每行显示五个,一共两行,但在1900宽的显示器上就可能只显示一行。这只是规范显示,也有可能会造成一样显示两行,只不过头一行显示8个,第二行显示两个(这种状况下,一样会造成网页很难看)。
注:
个别我们不倡议网页制作成100%主动顺应的,由于这样会有许多不可控性因素在里面,所以此刻大多数网站个别还是规范的1000宽度设置的网页。网站建设有着经验丰硕的网页设计师,可以完善的为您供给网页设计服务。