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

时间:2013-12-19 18:23:02

标签: css twitter-bootstrap media-queries

他们说你必须使用基于'em'的媒体查询,这有助于解决浏览器缩放问题并防止网站破坏。

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

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

1 个答案:

答案 0 :(得分:0)

em单元基于排版的元素的字体大小...但它更多,因为当涉及布局IMO使用设置的像素宽度然后将子元素设置为基于父级的百分比或层次结构中最高的父级!留下ems用于排版(它们仍然有用!)

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