使用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 ...

...