响应式网页设计是什么?
2021-05-18 建站常识 响应式网站
移动优先,不引人注目的 JavaScript 和渐进增强
「移动优先」和「Unobtrusive JavaScript」/「渐进增强」(考虑一种新的网站设计时的策略)是先于 RWD 的相关概念: 基础的手机浏览器不理解 JavaScript 或者 media queries,因此建议的做法是建立一个只有基本框架的网站,然后再为智能型手机和 PC 提供增强功能;而不是试着「优雅降级」——让一个复杂的,图像丰富的站点工作在最基本的行动电话上。
 
基于浏览器,特性或装置探测的渐进增强
在一个网站设计必须支援缺乏 JavaScript 的基本的行动装置的情况下,浏览器 (用户代理) 探测 (也叫做「浏览器嗅探」),和行动装置探测是推断某些 HTML 和 CSS 特性是否受支援的两种方式 (作为渐进增强的基础)—然而,这些方法不完全可靠。
对于能力更强的行动电话和 PC,可以直接测试浏览器对 HTML/CSS 功能的支援 (辨识装置或者用户代理字符串) 的 JavaScript 框架如 Modernizr, jQuery 和 jQuery Mobile等流行起来。Polyfills可以被用于添加对一些功能的支援—比如,支援 media queries (RWD 所需要的),和在 (旧版本) Internet Explorer 上提高 HTML 5 支援。功能探测在较旧的浏览器上也可能不完全可靠: 某些也许会报告一个特性可用,然而它或者是缺失,或者是实现的如此拙劣以至实质上无法工作。
<< 响应式网页设计到底是什么技术?初期网站设计时,该如何开始第一步思考? >>
相关网站设计案例