为什么媒体查询从一组规则中“捕捉”到下一个规则是一个问题？

下面引用来自这里：http://www.creativebloq.com/css3/create-fluid-layouts-html5-and-css3-3142768 为什么媒体查询从一组规则中“捕捉”到下一个规则是一个问题？

“任何固定宽度的设计，只使用媒体查询为不同的视口适应，只会‘捕捉’从一组CSS媒体查询规则，跟旁边没有线性两者之间的进展。“

但是，我不禁想知道为什么这很重要。当然，当开发人员使用浏览器大小时，转换过程非常流畅，看起来很漂亮，但访问客户（在电子商务网站或博客上）实际上会这样做？一般来说，访问者一次只能访问一台设备，然后按一下，然后离开。即使他们回到其他设备上，用户体验也不需要平滑过渡，所以，为什么我们关心媒体查询之间的线性进展？

来源

2014-12-07 Padawan

我不知道。我希望这篇文章真正指的是，在960像素的情况下，固定布局仍可能使用最小宽度：600像素大小，因为它仍然在技术上不是最小宽度：1000像素，导致浪费水平的空间。这是固定布局与流体布局相比的主要缺点，并且自网页设计开始就已知晓。但是它的写法似乎意味着人们会随时调整其浏览器窗口大小等。 – BoltClock 2014-12-07 07:22:50

这在我们的电子商务的客户之一，成为一个实际问题对我们来说，当有人从横向到纵向（尤其是像iPhone设备，其中宽度是显著不同）开关hoding设备将出现在大小“变革”，即然后转向水平或其他方式，事实上，因为我们使用了媒体查询，所以在采用新宽度的布局中存在很小的延迟（几分之一秒）。

另一个现实的情况是，人们可能会在浏览器的恢复版本和最大化版本之间切换，然后再次评论，浪费空间也是一个问题。

来源

2014-12-07 07:35:23 skv

恢复关闭与手动调整大小不是一回事。 – BoltClock 2014-12-07 07:38:39

@BoltClock我同意，主要是我们的实际经验是设备切换 – skv 2014-12-07 07:39:24

@skv我认为你已经钉了它最大化浏览器。作者说，“我们需要将固定的，基于像素的布局切换为流畅的比例布局，这将使元素相对于视口缩放，直到一个媒体查询或另一个媒体查询修改样式”。然后我检查了他的样本网站http://www.andthewinnerisnt.com/index.html 即使您没有调整浏览器的大小，该网站在所有缩放级别上都是完全流畅的。而像http://www.stylinonline.com/这样的网站则不是。我发现我确实碰巧放大和缩小（访问网站时），而不是调整浏览器大小。 – Padawan 2014-12-07 14:47:12

为什么媒体查询从一组规则中“捕捉”到下一个规则是一个问题？

回答

相关问题