關於 @media **查詢屬性包含很多知識點，這裡舉個寬度響應式的例子，可以滿足各大螢幕尺寸的布局需要。
這裡需要說明一點：(響應式的含義：響應式說白了，就是在不同的媒介條件下採用不同的css樣式來進行適應各種條件的需要).這裡僅僅是個人的理解，有誤請不要採納。
例子的html**:
超小螢幕
手機端平板電腦
pc端超大螢幕
例子的 responsive.css 檔案**:
/*超小螢幕*/
@media (max-width: 479px)
.responsive .responsive02
.responsive .responsive03
.responsive .responsive04
.responsive .responsive05
}/*手機端*/
@media (min-width: 480px) and (max-width: 767px)
.responsive .responsive02
.responsive .responsive03
.responsive .responsive04
.responsive .responsive05
}/*平板電腦*/
@media (min-width: 768px) and (max-width: 979px)
.responsive .responsive02
.responsive .responsive03
.responsive .responsive04
.responsive .responsive05
}/*pc端*/
@media (min-width: 980px) and (max-width: 1199px)
.responsive .responsive02
.responsive .responsive03
.responsive .responsive04
.responsive .responsive05
}/*超大螢幕*/
@media (min-width: 1200px)
.responsive .responsive02
.responsive .responsive03
.responsive .responsive04
.responsive .responsive05
}
bootstrap超大螢幕（19）
bootstrap 超大螢幕 jumbotron 本章將講解 bootstrap 支援的另乙個特性，超大螢幕 jumbotron 顧名思義該元件可以增加標題的大小，建立乙個帶有 class jumbotron.的容器 除了更大的 這是乙個超大螢幕 jumbotron 的例項。學習更多 為了獲得占用全...
飛鴿傳書大螢幕平板電腦配合觸控筆
一提及觸控筆，映入飛鴿傳書小傑腦海中的第乙個產品就是12寸級別的ipad。從目前的使用習慣上看，飛鴿傳書大螢幕平板電腦配合觸控筆的使用體驗是最好的，無論是在書寫方式和輸入體驗上都無比契合，我在su cepro上做思維導圖的時候，就很喜歡用觸控筆繪畫，大面積的書寫空間讓其能最大限度地還原我們的書寫習慣...
舊平板電腦變電腦螢幕 平板電腦和數學
舊平板電腦變電腦螢幕 tabletpc和math的潛力巨大。在主題演講之後，人們開始嗡嗡作響，在那裡將墨水轉換為物理動畫和方程式。我曾聽過有人問 這是真的 嗎，其他人則堅持認為它顯然是假的。在我看來，如今手寫識別雖然有些困難，但識別的數字和符號往往是 a 形狀更多樣化，因此更易於識別 b 在像mat...