<p>Bootstrap 3 mempunyai beberapa kelas CSS yang bagus dalam utiliti responsif yang boleh menyembunyikan atau menunjukkan blok tertentu bergantung pada resolusi skrin<a href="http://getbootstrap.com/css/#responsive- utilities-classes"> ;http://getbootstrap.com/css/#responsive-utilities-classes</a></p> <p>Saya mempunyai beberapa peraturan gaya dalam fail CSS yang saya mahu gunakan atau tidak gunakan berdasarkan peleraian skrin. </p> <p>Apakah yang perlu saya lakukan? </p> <p>Saya akan memampatkan semua fail CSS ke dalam satu fail untuk penggunaan pengeluaran, tetapi jika tiada penyelesaian lain daripada menggunakan fail CSS berasingan untuk resolusi skrin yang berbeza. </p>

/* 对于所有屏幕，使用14px字体大小 */
body {  
    font-size: 14px;    
}
/* 响应式，对于小屏幕，使用13px字体大小 */
@media (max-width: 479px) {
    body {
        font-size: 13px;
    }
}

@media (max-width: 800px) {
  /* 在宽度等于或小于 800px 时显示的 CSS 代码放在这里 */
}