小型設(shè)備的基本樣式為小和最多* /

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

大和最多* / *

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

。英雄的文本字體大?。?8px {；}

}

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

網(wǎng)格和斷點(diǎn)

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

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

下面是一些引導(dǎo)的例子，以及它們?cè)诓煌笮〉脑O(shè)備上可能會(huì)呈現(xiàn)什么樣的渲染：

 

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

< / DIV >

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

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

< / DIV >

左上角是小器械和小藥片，右上角是中等大小的設(shè)備。較低的是較大的設(shè)備和臺(tái)式機(jī)。

Telerik響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的網(wǎng)格實(shí)例

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