什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?

响应式网站设计(Responsive Web design)的理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及 使用的设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相对应的布局,无论用户正在使用笔记本还是iPad,我们 的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备。

响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等,它更像是一种对于设计的全新思维模式, 如我们需要兼容不同屏幕分辨率、清晰度以及屏幕定向方式竖屏(portrait)、横屏(landscape),怎样才能做到让一种 设计方案满足所有情况?

基本原理: 媒体查询 @media

兼容IE可以使用JS辅助一下来解决

转载于:https://www.cnblogs.com/1463069300limingzhi/p/10853717.html

你可能感兴趣的:(什么是响应式设计?响应式设计的基本原理是什么?如何兼容低版本的 IE?)