响应式网页怎么制作？需要用到什么技术

网上预约报销路费

　　

　　响应式网站是现在的建站趋势，目前国外的网站已经基本上都是响应式了，而国内的网站基本上还停留在移动端网站和PC端网站分离的阶段，很少有公司使用响应式的技术来建站，导致国内响应式得不到发展的主要原因，响应式网站的好处就是一个网站可以自适应多个终端，比如手机端、PC端、平板端等，这个是非常重要的，尤其是在如今多终端的智能设备时代，有的人用电脑、用的人同笔记本、用的人用平板，这个时候，响应式网站就派上了用场，响应式网站这么有用，那么该怎么制作呢？

　　现在已经有很多大网站采用这种响应式网站架构，比如OPPO商城、农业银行、microsoftstore官网等，响应式网站产生的条件国内浏览器大部分升级后都支持HTML5，IE9以下的浏览器基本上都已经被抛弃，css3中的媒体查询是实现网站响应式的主要方法。

　　响应式网页的优缺点：

　　响应式网站的优点：

　　1、用户体验好：响应式网站可以根据不同终端、不同尺寸和不同应用环境，自动调整界面布局、展示内容、内容大小，提供非常好视觉展示效果，一致性友好体验。

　　2、节省设计与开发时间：从设计角度说，一般来说，响应式网站界面只需要设计两套设计效果图就行了，电脑端与pad端基本可以共用一套设计效果图，手机端重新设计一套就可以了；从后期维护角度来说，再不需要分别维护pc界面、pad界面、移动界面，专心维护一个网站即可。

　　3、SEO友好：由于响应网站在不同终端有友好的界面展示效果，用户可以与网站一直保持联系，比如URL不变积累分享；通过单一的URL地址收集所有的社交分享链接化搜索用引擎。搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的连接。

　　响应式网站的缺点：

　　1、网站速度：由于代码过于臃肿，可能会导致网站打开速度慢，尤其是手机网站。

　　2、设计与风格有局限性：自由度太低，局限性较大，这种情况就是必须兼顾移动端以及PC端的表现，比如常见的移动端并没有悬停效果，PC端就要酌情考虑了。你需要考虑在手机，pad，PC上三种屏幕下的页面内元素的呈现，会导致有着非常大的局限。

　　3、兼容性：响应式网站IE8以下不考虑兼容

　　响应式网站需要用到什么技术

　　做响应式网站需要掌握弹性网格和布局、图片、CSS media jquery、js的使用等，设计的时候应该以移动优先为原则，采用流式设计布局，让网站元素分块排列，当用不同终端时，根据需要组合显示各个块。