国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

如何根據(jù)屏幕尺寸/設(shè)備選擇適當(dāng)?shù)腃SS樣式
P粉529245050
P粉529245050 2023-08-21 21:50:42
0
2
702
<p>Bootstrap 3在響應(yīng)式實用工具中有一些不錯的CSS類,可以根據(jù)屏幕分辨率來隱藏或顯示某些塊 <a >http://getbootstrap.com/css/#responsive-utilities-classes</a></p> <p>我在一個CSS文件中有一些樣式規(guī)則,我希望根據(jù)屏幕分辨率來應(yīng)用或不應(yīng)用這些規(guī)則。</p> <p>我該如何做呢?</p> <p>我將把所有的CSS文件都壓縮到一個生產(chǎn)部署的文件中,但如果沒有其他解決方案,只能為不同的屏幕分辨率使用單獨的CSS文件。</p>
P粉529245050
P粉529245050

全部回復(fù)(2)
P粉668019339

檢測是自動的。您必須指定每個屏幕分辨率可以使用的css:

/* 對于所有屏幕,使用14px字體大小 */
body {  
    font-size: 14px;    
}
/* 響應(yīng)式,對于小屏幕,使用13px字體大小 */
@media (max-width: 479px) {
    body {
        font-size: 13px;
    }
}
P粉145543872

使用 @media 查詢。它們正好可以滿足這個需求。以下是一個示例,說明它們的工作原理:

@media (max-width: 800px) {
  /* 在寬度等于或小于 800px 時顯示的 CSS 代碼放在這里 */
}

這只會在寬度等于或小于 800px 的設(shè)備上生效。

Mozilla 開發(fā)者網(wǎng)絡(luò)上了解更多關(guān)于媒體查詢的內(nèi)容。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板