响应式web设计
响应式web设计(Responsive Web design,RWD)
一、响应式web设计出现的背景
很久很久以前,网站还都是固定宽度的(一般情况下960像素),目标是让所有用户都拥有相同的体验。
面对不断扩展的浏览器和设备,固定宽度的页面在不同显示设备上的呈现给用户带来的体验不是很理想,能解决这种适配多尺寸屏幕的问题的方案就是基于HTML5和CSS3的响应式Web设计。
响应式Web设计可以让一个网站同时适配多种设备和多个屏幕,可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。
二、什么是响应式页面
所谓响应式页面,就是网页内容会随着访问它的视口及设备的不同而呈现不同的样式。
三、实现响应式页面的常用手段
1.弹性布局
2.弹性图片
3.媒体查询
四、浏览器对于响应式页面的支持情况
浏览器支持一直是响应式Web设计面临的最大问题。
通常情况下,我们写的网站必须在所有常用浏览器里表现正常。除了基本功能,有必要提前确定针对哪个平台要实现最强的功能,以便对其他平台上的视觉和功能作出相应取舍
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 sky的小破站!