向站点添加响应式媒体查询的最佳方法是什么?...in顺序和方法是什么?有些人说移动优先是一种方法,但我想知道下面的方法是否更容易管理,以达到平均屏幕尺寸(填充了所有页面元素,然后一些元素将隐藏在小屏幕上,如面包屑链接),以便为页面定义“所有”css样式,布局,排版等,以便每个元素都有其默认样式。则其他查询将仅定义影响每个较小尺寸选项的更改。因此," all“块将是最大的,然后所有其他媒体查询将只是应用于覆盖默认样式的微调。
@media all { /* including all styles for all elements */ }
@media (min-width: 1200
我一直在使用一些媒体查询的I Pad,他们一直很好,直到两,三天前。但他们只是停止了工作。我的i在媒体查询还在、火狐、本机响应设计、测试视图、和其他在线网站中工作时,并没有识别它们来检查响应性设计。我的主动查询在头中有视图端口。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2"/>
@media only screen and (min-width : 768px) and (max-width : 1024px) and
换句话说,不仅是父div中的最后一个子项,而且是一行中随屏幕大小变化的最后一项。我在一行中有4个元素(Div),除了最后一个元素(使用: last -child)之外,每个元素的边框都在右边。然而,在一个小屏幕上,我的4个div行变成了2行2个div,所以在这种情况下,我需要删除第二个孩子和最后一个孩子的右边界,即两行中每一行的最后一个div。
它类似于这个问题(),这个问题的答案是: last - child,但我的例子有一个额外的复杂性,那就是从最后一个孩子和第二个孩子中删除边界,而第二个孩子只在某个屏幕尺寸以下。
有没有一种方法可以用CSS做到这一点,而不是编写一个媒体查询,只针对这个非