响应式网站
发布时间：2020-02-24 11:36:15
作者：
来源：
浏览量（1192）
摘要：响应式网站设计响应式网站设计是一种网络页面设计布局，其理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境进行相对应的布局。设计理念此概念于2010年5月由国外著名网页设计师Ethan Marcotte所提出。响应式网站设计(Responsive Web design)的理念是：页面的设计与开发应当根
响应式网站设计
网站效果可以随着屏幕尺寸大小而自适应，不会发生变形、扭曲、缺失的现象。不管你是在使用手机、iPad，还是电脑，页面都能自动切换分辨率、图片尺寸及相关脚本功能等，兼容多个终端。这样就能够为建站者节约大量成本和精力，建站者不必专门为新设备做设计和开发，只用做一个响应式网站就好了。
响应式网页的一些特征；
(1)媒体查询技术(Media Query)。响应网页通常包含多个媒体查询语句，以适应不同的显示条件。
(2)流体网格布局。让网页元素决定网格的大小和设计，根据网页元素，确定网格被占用的位置和大小。
(3)灵活的多媒体显示。根据不同设备、不同分辨率、不同网速等环境，可以自动适配多媒体内容的显示。例如，您可以让同一张图像在iPhone 6上显示“高清”版本，但在iPhone 4上只显示“普通”版本。
(4)高性能JavaScript脚本。由于某些用户终端的运行条件有限，响应式网页中的脚本必须考虑运行效率问题。现在有一些成熟的JavaScript框架，比如jQuery，可以大大提高脚本程序的运行性能和效率。
396