css - 浏览器缩放的媒体查询问题

Question

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

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

我只是很困惑，为什么我必须使用基于 em 的媒体查询，而使用基于像素的媒体查询可以达到同样的效果。

Answer 1

em 单位基于元素的字体大小，也就是版式......但它更重要，因为当涉及到布局时，IMO 使用设置像素宽度，然后将子元素设置为基于父元素或层次结构中最高的父级!保留 ems 用于排版(它们仍然有用!)

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