网页设计布局说明图（网页设计布局说明图片）

本文目录一览：

• 1、全屏网页如何布局全屏网页如何布局图片

全屏网页如何布局全屏网页如何布局图片

灵活布局采用宽度和高度同时放大的方法，力求不同屏幕下页面布局一致。 灵活布局兼顾了静态布局和流式布局的优点。一方面可以适应屏幕的变化，另一方面也不会造成页面横向加宽，造成比例不协调，在一定程度上保证了页面布局与原设计的一致。

下面我们来制作这个网站首页，先学习添加图片。插入——图像——选择素材添加。点击图片，下面属性可以编辑修改图片大小，添加超链接等等。下面我修改图片大小做示范。下面学习添加文本。

原理是通过不同屏幕下的媒体查询来改变这个布局容器的大小，然后改变其中子元素的排列和大小，这样你就可以看到不同屏幕下不同的页面布局和样式变化。

布局就是以最合适浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。