Bootstrap 3在响应式实用工具中有一些不错的CSS类,可以根据屏幕分辨率来隐藏或显示某些块 http://getbootstrap.com/css/#responsive-utilities-classes
我在一个CSS文件中有一些样式规则,我希望根据屏幕分辨率来应用或不应用这些规则。
我该如何做呢?
我将把所有的CSS文件都压缩到一个生产部署的文件中,但如果没有其他解决方案,只能为不同的屏幕分辨率使用单独的CSS文件。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
检测是自动的。您必须指定每个屏幕分辨率可以使用的css:
/* 对于所有屏幕,使用14px字体大小 */ body { font-size: 14px; } /* 响应式,对于小屏幕,使用13px字体大小 */ @media (max-width: 479px) { body { font-size: 13px; } }