这是一个通用的问题。我正在建立一个必须响应的Bootstrap网站。我想知道在LESS / css上工作的“标准”程序是什么。
首先，您为标准网站创建css规则（用于桌面显示）？
其次，您在适当的LESS文件（responsive-767px-max.less等）中添加智能手机或平板电脑的特定规则？
问题在于桌面和智能手机显示有许多必须常见的规则！然后我应该在每个responsive-xxx.less文件中复制这些规则。我觉得这不太舒服。也许共同规则必须写在bootstrap.less，低于@import规则？
简而言之，我很想知道你是如何处理这些事情的。
答案 0 :(得分：1)
理论上，自我反应比你所描述的更为自下而上。
它也不是只是使用断点，而是在调整窗口大小时使一些事物在大小，宽度，高度上变得合理。
实际上，只需使用Bootstrap，您就可以获得上述功能。除了在媒体查询中做出某些决定以显示或隐藏某些组件之外，您不应该做更多的事情，就像您描述的那样。
以下是相关的Bootstrap文档：