前端流式布局的特点是页面宽度根据屏幕自适配调整，但整体布局不变。建企业网站时经常用到，代表作栅栏系统（网格系统）。网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），例如，设置网页主体的宽度为80%，min-width为960px。图片也作类似处理（width:100%, max-width一般设定为图片本身的尺寸，防止被拉伸而失线. 流式布局特点

　　如果屏幕太大或者太小都会导致元素无法正常显示。2. 流式布局设计方法前端流式布局使用%百分比定义宽度，高度大都是用px来固定住，可以根据可视区域 (viewport) 和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。往往配合 max-width/min-width 等属性控制尺寸流动范围以免过大或者过小影响阅读。前端流式布局在Web前端开发的早期历史上，用来应对不同尺寸的PC屏幕（那时屏幕尺寸的差异不会太大），在当今的移动端开发也是常用布局方式。

　　缺点表现在：主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。因为宽度使用%百分比定义，但是高度和文字大小等大都是用px来固定，所以在大屏幕的手机下显示效果会变成有些页面元素宽度被拉的很长，但是高度、文字大小还是和原来一样（即，这些东西无法变得“流式”），显示非常不协调。特别声明：以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布，本平bwin必赢官网登录台仅提供信息存储服务。

　　余承东失策了！华为mate60pro 正式开售后，一个奇怪bwin必赢官网登录的现象出现了

　　豪门狂欢夜：热刺1-0登顶英超，曼联2-1绝杀，皇马4-0+切尔西4-1

　　常熟通报“森林防火指挥中心不雅监控画面”：防火队员违规拍摄并转发 已被行拘

　　AMD R7 7800X3D 处理器bwin必赢官网登录降至 349 美元，发售半年降 100 美元