Html 如何改变'；像素'；媒体查询至'；em'；基于twitter bootstrap 3的媒体查询

我想将twitter bootstrap 3中基于“像素”的媒体更改为基于“em”的媒体查询

例如：

@仅媒体屏幕和（最大宽度：320px）{}将等于@media-only-screen和（最大宽度：20）{} @仅媒体屏幕和（最大宽度：480px）{}将等于@media-only-screen和（最大宽度：30）{}等

在bootstrap.css文件中是否有更简单的方法来执行此操作，而不是手动更改所有媒体查询，这将花费大量时间

提前谢谢

---

Raj

您只需在值的末尾添加“em”，就像我现在编辑的那样

@仅介质屏幕和（最大宽度：320em）

---

{max width:320em；width:100%；}

我认为您可以使用boostrap自定义程序将媒体查询更改为ems，但我尚未确认这一点

您可以在

bootstrap.css

文件中手动更新媒体查询，只需片刻

按照此模式

target/context=result

将

px

值转换为

em

。重要提示：使用em定义的媒体查询始终基于16px，无论基本字体大小设置为什么（在Bootstrap 3中为14px）

到

---

在

bootstrap.css中对所有媒体查询执行此操作，您将完成。
您好，320px不是20em（320/16）16作为基本字体大小吗。此外，有数百个媒体查询需要更改。必须有一种更快的方法通过LESS或SASS来更改。嗨，有人知道如何做到这一点吗？如果您使用的是BT的SASS版本，您只需在一个地方覆盖变量即可，瞧。
h2{
  font-size: 2em /* 32px / 16px = 2em */
}

@media (min-width: 48em) {} /* 768px / 16px = 48em */