此檔案會隨著時間不斷更新
jsp 中col-sm-3 col-md-6 col-lg-4 col-xl-2那個在前面以那個大小為主，這就就以 col-sm-3 在bootstrap 中的所定義的大小（576px）為主，只要是比這個定義的數字小就發生重疊。
class
="container"
>
class
="bg_body"
>
class
="row"
>
class
="col-sm-3 col-md-6 col-lg-4 col-xl-2"
>
div>
class
="col-sm-9 col-md-6 col-lg-8 col-xl-10"
>
div>
div>
div>
div>
css 中
/* 最大螢幕為 1000px */
@media
(max-width
:1000px) }
/* 最小螢幕為 1000px */
@media
(min-width
:1000px)
}
CSS中的響應式布局
在小型 建設中，有運用一套 來適應不同終端解析度的需求，優點 節約製作時間 節約製作成本 便於維護等優點。css3利用 查詢 media queries 即可針對不同的 型別定義不同的樣式，從而實現響應式布局 也可以針對不同的解析度設定不同的樣式。1024解析度以上 pc端 1024 768 pad...
css 響應式布局
響應式 型別 all所有 braille盲文觸覺裝置 embossed盲文印表機 print手持裝置 projection列印預覽 screen彩屏裝置 speech 聽覺 類似的 型別 tty不適用畫素的裝置 tv 電視 用法 media embossed 盲文印表機是綠色 box backgro...
CSS 響應式布局
學的太不仔細了，仰天默淚 media query 查詢 常見的屬性 基本語法 href link.css media only screen and max width 480px 先引入外部樣式表，media是css才有的屬性，只有在螢幕解析度小於或等於480px畫素的時候 才會這個外聯樣式才有效...