【问题标题】:Media query issue with browser zoom浏览器缩放的媒体查询问题
【发布时间】:2013-12-20 10:08:42
【问题描述】:

他们说您必须使用基于“em”的媒体查询,这有助于解决浏览器缩放问题并防止网站崩溃。

我正在使用 Twitter Bootstrap 制作基于“像素”媒体查询的网站。当我放大浏览器时,我的网站不会中断,而是会调整为网站的“ipad”版本。

我很困惑,为什么我必须使用基于 em 的媒体查询,而使用基于像素的媒体查询可以完成相同的效果。

【问题讨论】:

  • 浏览器缩放是为了方便。它从未被设计为完美地保持布局。期待它是浪费时间,因为缩放在浏览器中的工作方式不同。
  • 我会说这是“这取决于您使用它的目的”的情况
  • 你可以把这个问题删减到最后一句话。
  • 您好,感谢您的快速回复。我的网站只是一个完全响应的网站,可以适应设备。我只是为可能会放大网站以增加字体大小的视障用户提供服务。我在排版中使用 ems,在外部容器中使用 %。您认为这是一种好方法吗?

标签: css twitter-bootstrap media-queries


【解决方案1】:

em 单位基于字体元素的字体大小...层次结构中的最高父级!留下 em 用于排版(它们仍然很有用!)

来源:(相当不错的东西) http://www.impressivewebs.com/understanding-em-units-css/

【讨论】:

  • 感谢您,非常有帮助!
猜你喜欢
  • 2023-04-02
  • 2014-10-01
  • 2014-04-09
  • 2013-03-15
  • 1970-01-01
  • 2016-11-27
  • 2014-12-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多