响应式网页的话题随着如今移动互联网的盛行又被推到了很重要的位置，有相关人士预计，移动互联网的数据流量将在2015年超越桌面端的流量。 你一定听说过，我们目前正处在后PC时代，这对于前端开发人员来说，意味着应该处理一些用户行为上的改变，由此步入一个响应式与自适应设计技术统治的时代。这其中的关键点在于web的统一化，也就是说在合理的条件下，无论用户使用任何设备，都应该传达相同的内容信息与服务。 What？ 2010年，EthanMarcotte提出了自适应网页设计（ResponsiveWebDesign）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。举个例子： （1）当屏幕宽度大于1300像素 （2）当屏幕宽度在600像素到1300像素之间 （3）当屏幕宽度在400像素到600像素之间 （4）当屏幕宽度在400像素以下 响应式的核心优势在于设计者可以为所有设备使用同一种模板，只需要用CSS来定制内容在各种大小屏幕上的呈现方式。 响应式网页的组成关键 响应式页面的实现其实并不算困难，用到的也都是大家比较熟悉的一些技术。 （1）MediaQuery MediaQuery的主要作用是根据不同的分辨率去调整一些不同的样式。由于目前主流的移动设备都基于ios和Android，这两者的自带浏览器都是webkit内核，因此我们可以使用viewport属性和MediaQuery技术实现响应式网页。通过这一方法，我们能实现让基准字号fontsize在不同分辨率下显示不一样的内容。 （2）Fluidgrid Fluidgrid也称流体布局，就是在PC端实现的基础上将一些元素的狂傲由固定调整为弹性制的百分比或是字体比例等。使用Fluidgrid的网站能够根据屏幕宽度自动调整页面中每列的宽度，从而保证页面始终处于完整展现的状态，并且实现原有的基本功能。 （3）Flexbox Flexbox是CSS3新添加的一种模型属性，它的出现有力的打破了我们常常使用的浮动布局、实现垂直等高、水平均分、按比例划分，可以实现许多我们之前做不到的自适应布局。如果你希望网站能以webapp的外观呈现在手机用户面前，那么，Flexbox就是个不错的方式。Flexbox和APP的结构很类似，头部底部全部固定，而中间部分的高度实现自适应。 另外，与传统的web开发相比，由于响应式设计的页面布局、内容尺寸都发生了一些变化，所以，最终的成品极有可能与设计稿出入较大，还需前端开发人员和设计师多沟通，以免造成不必要的时间浪费。 响应式web设计的优化 在响应式网页的设计过程中，其中也会涉及到一些用户体验方面的问题和弊端，需要进一步的优化。 （1）减轻Javascript库负载 对于移动端来说，jQuery表现的太过厚重，而现在针对移动端的状态来说，有jQueryMobile、YUI、XUI等可供选择的框架。 （2）减少HTTP请求次数 移动端相比较PC端有一个特殊的限制需要考虑到，就是用户的网络流量是有限的。这时候针对这些页面内部的部分操作，可以使用Ajax异步请求来完成，针对短期内不会变化的一些数据，可以使用服务器端缓存、前端缓存等机制来保存这些数据，这样可以减少用户一定的数据请求量。 （3）Javascript和CSS需要尽量压缩 把页面中使用的Javascript和CSS进行压缩之后会有效地减少页面大小。 （4）用CDN管理页面资源 CDN的即内容分发网络，意在尽可能避开互联网上有可能影响数据传输速度和稳定性的环节，使内容传输的更稳定。 （5）列表图片实现懒加载 移动终端设备因为屏幕大小有限，没有必要将全屏中的图片一次性加载完成，网页加载的同时，我们可以选择逐个加载，当用户进行滑动页面的时候，再继续加载图片。 （6）图片显示的优化处理 根据用户设备的分辨率来加载不同分辨率下的不同图片，这样既能给不同终端的用户一个很好的视觉体验，又不会白白浪费用户的网络数据流量。
中国千年科举这一届为什么是史上最牛1hr50岁那年，文坛大咖欧阳修，受命担任科举考试的主考官。正是春寒料峭时，各地士子收拾行囊，满怀希望，进京赶考。十年寒窗无人问，一举成名天下知。金榜题名，那是当时……郭嘉在三国志与三国演义中有什么不一样《三国演义》是我国文学史上一部非常重要的作品，能够得到古典四大名著之一的称号，已经是相当厉害的了。只是我们阅读的时候也要注意，它只是在文学史上地位很重要，并不能把它放在历史上来……月经不调会影响怀孕吗长期如此影响受孕正常情况下女性每个月都会来月经，但是由于很多的原因的影响，可能会造成女性出现月经不调。要知道月经不调对女人的危害是很大的，但具有哪些很多人却不了解。因此有人问月经不调会影响怀孕……女性们羞于启齿的隐私性问题1、单次性爱时间太长会对女性身体有伤害吗？时间多长合适？答：单次性生活时间长会引起盆腔充血状态时间长，细菌容易入侵，从而引起妇科炎症，一般一次性生活时间以不超过30分钟为……老人健康饮食有哪些禁忌人到老年时期的生理特点是脏腑功能减弱，气血不够充实和肾气功能衰退。因此，讲究饮食十分重要，应采用保肾、养脾的食品和食法，以适应这个阶段的需要。老年人应该坚持以下几点饮食原则：……怀孕初期肚子疼是怎么回事该如何护理怀孕初期肚子疼是很多准妈妈都有过的经历，对此有经验的妈妈能游刃有余的处理，没经验的妈妈就显得特别的手足无措，到底怀孕初期肚子疼是怎么回事呢？这是属于正常的情况吗？怀孕初期肚子疼……孕妇上班备个箱子垫垫脚怀孕不能当病养的观点正在被越来越多的人接受，因此，挺着大肚子去上班的孕妇也变得不再稀奇。然而，两个人的身子毕竟不同以往，工作起来该讲究的东西自然要多些，备个箱子垫垫脚就是其一。……深秋季节宝宝应接种种疫苗随着天气越来越冷，妈妈要开始全面为婴幼儿提高免疫力了。接种疫苗就是一种提高免疫力的方法，可是疫苗种类这么多，宝宝需要打哪种疫苗呢？不如就先来看看小编的推荐吧。深秋宝宝应接……隋唐英雄王世充靠梦周公击败枭雄李密王世充（？621年），字行满，本来姓支，是西域的胡人。寄居在新丰（今陕西临潼东北），隋朝末年起兵群雄之一。王世充自小喜好经史和兵法，开皇年间，因军功升至兵部员外郎，大业年……让新媳妇胆寒的类型婆婆一般意见领袖型的婆婆，在家中掌握话语权已经好些年了。任何事情已经形成了一整套颠扑不破的管理模式。小到衣服怎么叠，青菜怎么洗，冰箱哪层放什么，什么时候睡什么时候起，大到哪个亲戚不……圆明园之谜是一座自带照明系统的园林吗提起圆明园，它里面的故事真是说几天几夜都说不完。不过，今天，宫殿君想给各位脑补一个圆明园的小知识：它为什么叫圆明园呢？难道它真的是因为建成了圆形，并且自带照明系统，……我从不轻易认输直到开始陪儿子读书1hr三十一年的人生体验里，有没有哪一刻让你觉得备受屈辱？大概是有一天晚上，老田从双肩包里掏出一打粉红色钞票掼在地上，我还没有来得及说话，他再扔出三本房产证，我抖抖索索翻……