响应式与移动端的区别

由于移动端没怎么学，之前一直以为响应式与移动端的是一样的
今天打脸了
响应式：根据屏幕大小而表现出不同的样式，然而缺点是兼容性不好，并且常常需要因不同的屏幕尺寸要写不同的样式，这种布局方式如今已落后。
移动端：移动端常常与pc端作为连带知识，智能手机等等。包括ipad 各大公司官网往往都是就移动端和pc端做两套。要想比较一个网站是否是移动端，可以观察他的 网址开头是否有" m "，比如:

移动端与响应式相比有很多好处：
1.兼容性更强，由于现代手机浏览器（qq/百度/uc/safari/等）往往都是基于webkit内核，而webkit内核（谷歌也是这个内核）相较其他内核对支持h5更好，因而不用担心兼容性问题。
2.由于移动端是基于用户屏幕而显示视区，重点在于它的两个meta标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

它的缩放比例永远都是基于用户屏幕，省时并且省力
若要考录兼容问题，只需添加 -webkit后缀即可
响应式的衰落恰恰见证了移动端的崛起 。
另： 推荐一个移动端清除各类默认样式的css表:normalize.css
下载地址见官网。
以上。