固定布局能呈现网页的原始设计效果，流式布局则不受窗口宽度影响。
网页的版面排版设计大致可分为所组成对象的宽度都固定的固定布局Fixed Layout},以及会随着窗口宽度周整的流式布局(Liquid Layout bo目前网页排版大多属于固定布局。它的好处是能如同平面媒体一样,版面上所有区域的大小都能维持不变,让用户的操作习惯不会受到不同大小的屏幕分辨率影响向。
固定布局和流式布局的优点：
1.流式布局的优点是版面可调整。
2.固定布局的优点是版面设计效果不会因设备而改变。
流式布局的对象大小是以百分比的方式指定的,而设置各个区域的最大宽度需要花一些时间。
W3C:World Wide Web Consortium(http://www.w3.ong)的网站采用流式布局设计。测览该网页时可以试着改变浏览器窗口的宽度。它不会像固定布局一样出现左右两侧空白,或是被窗口框切掉。网页的左上角有dexten、mbke和
prnt等文字链接。desktop是适合大屏幕上测览,以张栏排版设计而成的版面mobile是适合小屏幕浏览,使用无分栏排版设计的版面;print则采用适合列印在纸张上阅读的版式设计。这些不同的排版设置都是以CSS来制作的,流式布局的优点就是要做到类似的调整效果。浏览网页的设备并非只有电脑,也包括智能手机和平板电脑等手持式设备,因此能适应这些不同设备的流式布局可用性(容易使用)也比较好。然而,要检查出屏幕大小或浏览器窗口大小,还要以CS来微切换控制都会增加制作上的复杂性。固定布局如同平面媒体,一开始就决定好版面尺寸,因此能正确地把版面设计星现出来,这也是它的优点。
咨询
