个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
29
4
根据 bootstrap-responsive.css 文件，媒体查询 @media (max-width: 767px) 重复意味着它在文件中出现了两次。为什么重复？
您可以在这里查看文件 http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css
最佳答案
嗯，我当然不能声称理解开发人员编写 CSS 时的意图，但这就是我的想法...
我相信媒体查询的重复只是为了提供更大程度的 CSS 文件模块化。请注意，@media (max-width: 767px) 和 @media (min-width: 768px) and (max-width: 979px) 实际上在文件，所以这不太可能是异常。
这些媒体查询的第一个声明似乎是处理添加到元素以在特定浏览器宽度下隐藏/显示它们的类，因此实际上在不同的设备上选择性地起作用(指定 display 属性) .第二个声明似乎处理作为 Twitter Bootstrap 设计原则基础的各种类，指定 12 列网格系统中使用的各种类的样式(宽度、边距、最小高度等)。
第一组的类可以根据开发人员的心血来潮应用，以便在各种设备上查看页面时隐藏/显示某些元素。第二组类的应用比第一组更严格，因为它们是框架网格系统的更具定义性的特征(例如，您可以为元素类提供 hidden-phone 和visible-tablet 来自第一组并查看两者的效果，但是给元素类 span12 和 span6 只会导致最后一个 -给定的类生效)。
这是因为第一组类在应用上与第二组类有很大不同，所以媒体查询声明被声明了两次，每组一个。
在 CSS 的可扩展和模块化架构(2012 年)中，Jonathan Snook 评论了模块化的概念，指出，
Yes, this does mean that the media query declaration may (and likely will) get declared multiple times but it also allows for all information about a module to be kept together.
(如果我在提及样式/CSS/HTML 时使用了错误的术语，我深表歉意!我还在学习中...)
关于css - 为什么@media (max-width : 767px) repeated in twitter bootstrap，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11020137/
29
4
0
快速且可能简单的 Lambda 问题: 我有一家有评论的餐厅。我想查询具有以下内容的那个: 最大(平均评分) 和 Max(ReviewCount) 和 Max(NewestReviewDate) 和
在尝试使用 C++17 折叠表达式时，我尝试实现 max sizeof ，其中结果是类型 sizeof 的最大值。我有一个使用变量和 lambda 的丑陋折叠版本，但我想不出一种使用折叠表达式和 st
我目前正在使用 C 并遇到了一些我觉得有趣的东西，但似乎在这里找不到任何类似的东西。 我正在为数组(大小 1000000)静态分配内存。我知道这相当大并且有可能引起问题。但是，使用 10^6 不会出现
我有一个具有 max-height 的 div 和其中的图像，应该使用 max-width:100% 和 max-height:100%。在 Chromium 中，这是可行的，但 Firefox 仅使
我有一个最大高度的 div 和里面的一个图像，它应该使用最大宽度:100% 和最大高度:100%。在 Chromium 中，这是可行的，但 Firefox 仅使用最大宽度而忽略最大高度。 div#ov
在一本在线 awk 手册中我找到了例子awk '{ if (NF > max) max = NF } END { print max }' 该程序打印任何输入行上的最大字段数。但我不明白 awk 如何
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
我正在制作一个非循环图数据库。 表 Material (id_item，id_collection，...)主键(id_item，id_collection) (item可以是collection本身
我有以下两个表。 1.电影详情(电影ID、电影名称、评分、票数、年份) 2.电影类型(Movie-ID,Genre) 我正在使用以下查询来执行连接并获得每个评分最高的电影流派。 select Movi
我有一个查询，我想返回 idevent 中给定传感器 ID (sensorID) 范围内的最高 ID 值，但是查询没有返回最高值。 我运行查询时减去 max() 语句的结果: mysql> SELEC
SUM(MAX() + MAX()) 有正确的方法吗？ 这是我一直在努力做的事情 SELECT SUM(MAX(account.BALANCE1) + MAX(account.BALANCE2))
这个问题类似于CSS media queries: max-width OR max-height , 但由于我的代表不够高，我无法在回复中添加评论(问题)，我想在原始问题中添加。 与其他主题中的发帖
Jon Skeet今天报告(source): Math.Max(1f, float.NaN) == NaN new[] { 1f, float.NaN }.Max() == 1f 为什么？ 编辑:双倍
这个问题已经有答案了: Java 8 stream's .min() and .max(): why does this compile? (5 个回答) 已关闭 7 年前。 我正在学习1z0-809
我在处理一些数据库记录时遇到了一些挑战。 我需要为特定列获取具有 MAX 值的行，并且这些记录必须介于两个时间戳值之间。 这是SQL查询 SELECT id, MAX(amount), created
我想在媒体查询中使用 AND 条件。我使用了下面的代码，但是没有用 @media screen and (max-width: 995px AND max-height: 700px) { } 最佳答
在编写 CSS 媒体查询时，有什么方法可以用“或”逻辑指定多个条件吗？ 我正在尝试做这样的事情: /* This doesn't work */ @media screen and (max-widt
我对仅使用 max(list array) 和 np.max(list array) 之间的区别有疑问。 这里唯一的区别是 Python 返回代码所需的时间吗？ 最佳答案 它们在边缘情况下可能不同，例
例如: a = [[0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0], [0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.
这个问题在这里已经有了答案: Java 8 stream's .min() and .max(): why does this compile? (5 个答案) 关闭 6 年前。 我正在学习 1z0
我是一名优秀的程序员,十分优秀！