大家好，关于前端hack技术很多朋友都还不太明白，不过没关系，因为今天小编就来为大家分享关于前端hack技术的知识点，相信应该可以解决大家的一些困惑和问题，如果碰巧可以解决您的问题，还望关注下本站哦，希望对各位有所帮助！
起初，网页设计者都会设计固定宽度的页面，最开始的电脑显示器分辨率种类不多，因为当时电脑本来就少，即使有变化也是 800 850 870 880。比如 传诚信的网页就是固定宽度为998来定制的。后来随着显示器越来越多，以及笔记本的普及，这种方式的页面出现了问题。于是出现了一种新的布局方式宽度自适应布局。我们平时谈论的自适应布局，大多指的就是宽度自适应布局。
在这种布局下，出现了两派： 百分比宽度布局，流式布局
首先两种方式解决问题的是不一样的
自适应是为了解决如何才能在不同大小的设备上呈现同样的网页手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达到了2000像素。同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果，并不是一件容易的事。
于是，很早就有人设想，能不能"一次设计，普遍适用"，让同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整网页内容大小但是无论怎样，他们主体的内容和布局是没有变的。
响应式的概念应该覆盖了自适应，而且涵盖的内容更多。
自适应还是暴露出一个问题，如果屏幕太小，即使网页能够根据屏幕大小进行适配，但是会感觉在小屏幕上查看，内容过于拥挤，响应式正是为了解决这个问题而衍生出来的概念。它可以自动识别屏幕宽度、并做出相应调整的网页设计，布局和展示的内容可能会有所变动。
1、提升用户体验
2、节省时间和成本
3、对seo 更加友好
响应式设计会提高搜索引擎权重。因为一个响应式网页设计只有一个URL，而不是多个页面指向移动设备，避免搜索引擎因重复内容而降低权重。Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。
1、对老版本IE 兼容不好
对于ie8及以下版本的ie浏览器兼容不太好，由于响应式网页布局采用html5+css3的一些新特性,而ie8及以下的浏览器对这些都不支持，这些影响都只是局限于pc机上，而pc机一般都是正常的分配率浏览，所以这些影响都并不是大问题！
2、移动端浏览浏览量会产生更多流量
好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！
