网站布局设计也有不同的实现方式。按照实现单元,页面可以分为固定布局、可切换固定布局、灵活布局和混合布局四种类型。
1.固定布局:像素是页面的基本单位,与设备和浏览器的屏幕宽度无关,只设计尺寸
2.可切换固定布局:以同一个像素为页面单元,参考主要设备尺寸,设计几种不同宽度的布局。通过设置不同的屏幕大小和浏览器宽度,选择更好的宽度布局
3.灵活布局:以百分比为页面基本单位,可以在一定范围内适应各种尺寸设备屏幕和浏览器的宽度,充分利用有效的空展现更好的效果
4.混合布局:与灵活布局类似,只有像素和百分比两个单位用作页面单位。这两个单元可以在一定范围内适应各种尺寸的设备屏幕和浏览器宽度,可以充分利用effective 空显示更好的效果。
可切换固定布局、灵活布局和混合布局是目前可用的响应性布局方法:可切换固定布局实现成本低,但可扩展性差的灵活布局和混合布局响应性好,是一种理想的响应性布局实现方法
然而,为了实现针对不同种类页面布局的网页布局设计,需要不必要的实现方法。适当采用列等分的结构是一种灵活的布局,但在非等多列的结构中往往需要实施混合布局。
全国服务热线
15725120635