【问题标题】:Do we need to use orientation media query if we are using min-width and max- width?如果我们使用最小宽度和最大宽度,我们是否需要使用方向媒体查询?
【发布时间】:2014-11-20 06:26:12
【问题描述】:

如果我们使用 max-width 和 min-width,我们还需要在媒体查询中使用 (orientation: portrait) 和 (orietation:landscape) 吗?

【问题讨论】:

  • 您永远不需要使用,即使不使用max-widthmin-width。只有当您的布局需要根据横向/纵向方向进行更改时,您才会使用它...
  • @LcSalazar - 布局总是会从小型设备变为桌面,那么这个方向如何帮助超过最小和最大宽度?
  • 这正是我的观点。有时,您的布局了解方向可能会有所不同(即,移动设备的布局在横向扩展时可能会有所不同)。但情况并非总是如此。这真的取决于你的具体情况。

标签: css responsive-design media-queries


【解决方案1】:

当您的横向和纵向版本设计不同时,需要使用它。因此,您可以添加这些“规则”以使您的浏览器清楚。如果您只有一种设计(例如,只有一些元素在纵向版本中变窄),则可以通过查询来实现(不添加任何方向)

【讨论】:

  • 当您说横向或纵向的设计不同时。您仍然可以仅使用媒体查询使您的设计与众不同。我想知道一个真实世界的场景,这些场景实际上会有所帮助,以及它们如何比最大和最小宽度更好或有用。谢谢
  • @user3564005 是的 - 你可以。但是您将面临的主要问题是-您必须重新设计横向版本的所有样式,这更难不是吗?当设计非常不同时。所以在这种情况下最好使用方向
  • 太棒了。方向没有完全支持,因为最大和最小宽度是正确的?此外,即使您使用方向,您仍然会重复样式以使其看起来不同。
猜你喜欢
  • 2012-03-19
  • 2013-11-19
  • 2014-07-09
  • 1970-01-01
  • 2013-02-04
  • 2014-07-12
  • 1970-01-01
  • 2012-07-09
相关资源
最近更新 更多