⑴ 网站设计的布局方式有哪些
网页基本布局方式:
(1)流式布局 Fluid
流布局与固定宽度布局基本不同点
就在于对网站尺寸的侧量单位不同。固定宽度布局使用的是像素,但是流布局使用的是百分比,这位网页提供了很强的可塑性和流动性。
(2)固定布局 Fixed
在固定布局中,网页的宽度是必须指定为一个像素值,一般为960px。
(3)弹性布局 Elastic
弹性布局跟流布局很像,主要不同是大小单位;弹性布局的大小单位不是像素或者百分比,而是em或者rem,避免了根据px局部在高分辨率下几乎无法辨识的缺点,又相对于%百分比更加灵活,同时可以支持浏览器的字体大小调整和缩放等的正常显示,需要一段时间适应而且不易从其他布局转换过来。
(4)伸缩 Flex box
使用css3 Flex系列属性进行相对布局。对于富媒体和复杂排版的支持非常大,但是存在兼容性问题。
(5)响应式
使用@media媒体查询给不同尺寸和介质的设备切换不同的样式。