相应式和自顺应有什么区别-
先给大家体验一下相应式和自顺应的区别，请放大缩小一下屏幕尝试
自顺应的体验http://m.ctrip.com/html5/
相应式的体验 https://www.php1.cn/
整理了几篇自顺应和相应式的文章，摘抄并修改了一下，请大家赏识：
当初，网页设计者都会设计牢固宽度的页面，最开端的电脑显示器辨论率品种未几，由于当时电脑原来就少，即便有变化也是 800 850 870 880。比方 开源中国的网页就是牢固宽度为998来定制的。至于为何是 998，
后来随着显示器越来越多，以及条记本的普及，这种方式的页面涌现了题目。于是涌现了一种新的布局方式宽度自顺应布局。我们平时议论的自顺应布局，大多指的就是宽度自顺应布局。
在这种布局下，涌现了两派：
百分比宽度布局
流式布局
题主说的是首先派，宽度运用百分比，文字运用 em，此刻也许多开端运用rem了，也就是所谓的高清方案。第二派的布局以 iGoogle 为代表（已经休止）。
一开端没有相应式布局这个词语，但是渐渐涌现了一个词——渐进加强，新词的涌现总是陪伴的旧词一起涌现。就好比 3G 涌现以前，没人管本人的手机叫 2G，所以，3G 和 2G 两个词是一起涌现的（技术上固然2G技术先涌现）。同理，渐进加强涌现后，另一个词「优雅落级」也随之涌现了。
词的意思可以本人看 wiki、Google，我只在这儿举一个例子，gmail 和 qqmail。
他俩的宽度都是 100%，都是自顺应。但是：
qqmail 就是 css hack 的完善表现，你用任何一个阅读器，险些可以看到统一个模样的邮箱，腾讯的前端工程师们用各种 css hack 技术来展现邮箱页面，为的是同一的会员体验。
而 gmail 运用了渐进加强，你的阅读器越强，你看到的结果就越好，会员体验就越好。
再后来，就是大家都熟悉的 Google 发表了 android，于是互联网大战从 PC 打到了手机。还有 HTML5 规范的发表。
手机虽然屏幕变小了，但是却供给了更丰硕的功能。还记得之前用诺基亚上 QQ 的事儿吗？我们拜访的是 3g.qq.com，当时我运用的是中兴的手机，拜访 wap.qq.com，在后来的智能手机都是拜访 m.qq.com。
不禁有人问「真的需要为每个手机离别设计一个网页吗？」、「真的需要为手机和电脑设计不一样的网页吗？」，解决办法固然有许多种，可以看看 css zen garden（《Css机密花圃》还是很不错的一本书.
终究的解决方案胜出者是相应式布局。
相应式布局被大家熟悉的一个重要缘由就是 twitter 开源了 bootstrap。Google 首先次完成了从前驱到烈士。
下面再从直不雅一点的来看，相应式和自顺应的区别：
第一两种方式解决题目的是不同的。
自顺应是为理解决怎样才干在不一样大小的设施上呈现一样的网页
mediaqueri.es上面有更多这样的例子。
说了一大堆其实大家可能更多的是体贴怎样去实现。下面来聊一聊实现方式：
1.允许网页宽度主动调整
“自顺应网页设计”到底是怎么做到的？其实并不难。
第一，在网页代码的头部，参加一行viewport元标签。
print?
viewport是网页默许的宽度和高度，上面这行代码的意思是，网页宽度默许等于屏幕宽度（width=device-width），原始缩放比例（initial-scale=1）为1.0，即网页初始大小占屏幕面积的100%。
所有主流阅读器都支撑这个设定，包含IE9。关于那些老式阅读器（主如果IE6、7、8），需要运用css3-mediaqueries.js。
print?
打赏
