使用bootsrap时，在想要使用的块元素上添加类如 ： 在大型设备显示1/6列、中型设备显示1/3列、小型设备（ipad）显示1/2列、超小型设备显示1列，添加 偏移列 大屏幕上使用偏移：.col-md-offset-*类，左外边距增加*列 ...

1、使用media的时候需要先设置<meta>标签来兼容移动设备的展示。 <meta name="viewport" content="width=device-width,hei ...

然后利用rem单位来编写页面，就能完美适配各种pc屏幕 ...

...

Media Queries能在不同的条件下使用不同的样式，使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中，但Media Queries有其自己的使用规则。具体来说,Media Queries的使用方法如下。 @media 媒体类型 ...

，则应用相应的样式。Bootstrap 中的媒体查询允许您基于视口大小移动、显示并隐藏内容。 ...

------------------- 1.媒体查询方法在 css 里面这样写 -------------------- @media screen and (min-width: 320px) and (max-width: 480px){在这里写小屏幕设备的样式} @media ...

...