响应式网页设计是针对任意设备对网页内容进行完美布局的一种显示机制。响应式设计一般使用相对度量单位(em或百分比),一般首先针对小屏幕设备设计,再设计大屏幕设备。
为测试方便可以使用浏览器插件测试;
Internet Explorer:Microsoft Internet Explorer Developer Toolbar
Safari:ResizeMe或Resize
Chrome:Windows Resizer
Firefox:Firesizer
视口和屏幕尺寸区别
视口是指浏览器窗口内的内容区域,不包括工具栏,标签栏等。也就是网页实际显示区域。
屏幕尺寸指设备的物理显示区域。
需要注意的是有些浏览器调整工具显示的尺寸包含浏览器的其他元素,比如地址栏,标签栏和搜索栏