小型設備的基本樣式為小和最多* /

。英雄的文本字體大小：22px {；}

大和最多* / *

“媒體只有屏幕（最小寬度：768px）{

。英雄的文本字體大小：48px {；}

}

流行的框架引導，基礎和Telerik radpagelayout使媒體查詢廣泛使用創(chuàng)建功能強大的網(wǎng)格系統(tǒng)。

網(wǎng)格和斷點

在你的代碼中使用媒體查詢，你可以構建流體設備動態(tài)調(diào)整多少訪客看到你的內(nèi)容的基礎上，他們的設備和瀏覽器的寬度響應網(wǎng)格樣式。

語法可能會有不同的框架，但一般的概念是相同的。每個設備大小都有相應的媒體查詢和樣式屬性，該屬性創(chuàng)建所需的布局效果。這些媒體查詢被稱為“斷點”。引導標識其突破點為XS（超小），SM（小），醫(yī)學博士（醫(yī)學），LG（大）。這些指的是設備的尺寸。

下面是一些引導的例子，以及它們在不同大小的設備上可能會呈現(xiàn)什么樣的渲染：

 

＜div class=“col-sm-12 col-md-6 col-lg-4”> <！——一些導航

< / DIV >

＜div class=“col-sm-12 col-md-6 col-lg-8”>

<！——有些內(nèi)容———

< / DIV >

左上角是小器械和小藥片，右上角是中等大小的設備。較低的是較大的設備和臺式機。

Telerik響應式網(wǎng)頁設計的網(wǎng)格實例

另一個共同的概念是基本內(nèi)容容器。容器元素是布局的最外層元素。智能交通系統(tǒng)