学习这些布局，能快速打造适配多终端的完美网页吗？

多终端适配：打造完美网页的必备技能

因为移动互联网的飞速发展和微信的广泛应用，移动端响应式布局变得越来越重要。作为一名网站开发者，如何才能快速打造出适配多终端的完美网页？ 中肯。 本文将为您介绍几种常见的布局形式，并分析其优缺点，帮助您找到最合适的解决方案。

响应式布局：适应多终端的最佳选择

响应式布局是当前最流行的布局方式之一，它能够，来调整网页的布局和样式。

优点：适应pc和移动端， 如果足够耐心，效果好

挽救一下。 缺点：要匹配足够多的屏幕大小，工作量不小，设计也需要多个版本

rem布局：简单高效的解决方案

.rem布局是一种相对单位布局，它的原理是先按定高宽设计出来页面然后转换为rem单位，外加媒体查询，可以调整布局，比方说大屏幕是布局1，小屏幕是布局2。

这是可以说的吗？ 优点：理想状态是所有屏幕的高宽比和一开始的设计高宽比一样，或者相差不多，好适应。

缺点：碰到重视高度的设计，或者重视元素间间距的设计，那就玩不开了。

定宽度布局：PC端的不二选择

如果只做pc端，那么定宽度是最好的选择。这种设计常见与pc端， 设置了min-width， C位出道。 如果大于这个宽度则内容居中外加背景，这样一来如果小于这个宽度就会出现滚动条。

优点：简单

缺点：不能适应不同宽度的布局问题

流式布局：解决不同宽度的布局问题

流式布局用来解决不同宽度的布局问题，它能够根据屏幕宽度自动调整元素的宽度和高度。

缺点：不能解决高度和元素间间距的问题

rem+js：最优的解决方案？

那么rem+js是最好的选择，一份css+一份js调节font-size搞定。配合js查询屏幕大小来改变html的font-size， 啥玩意儿？ 到头来做出所谓的好自适应。