我想将twitter bootstrap 3中基于'像素'的媒体更改为基于'em'的媒体查询。
所以例如：
@media only screen和（max-width：320px）{}等于@media only屏幕和（max-width：20）{} @media only屏幕和（max-width：480px）{}等于@media only屏幕和（max-width：30）{}等。
是否有更简单的方法在bootstrap.css文件中执行此操作，而不是手动更改所有媒体查询，这需要花费大量时间。
提前致谢
拉吉
答案 0 :(得分：1)
您可以在bootstrap.css文件中手动更新媒体查询，只需要一些时间。
按照此模式target/context = result将px值转换为em。重要信息：使用em定义的媒体查询总是基于16px，无论基本字体大小设置为什么（在Bootstrap 3中它是14px）。
h2{
font-size: 2em /* 32px / 16px = 2em */
}
到
@media (min-width: 48em) {} /* 768px / 16px = 48em */
为bootstrap.css中的所有媒体查询执行此操作，您将完成。
答案 1 :(得分：0)
我认为你可以使用bootstrap定制器将你的媒体查询更改为ems，但我还没有证实这一点。 http://getbootstrap.com/customize/
答案 2 :(得分：-2)
你只需在值的末尾添加“em”，就像我现在编辑一样
@media only screen and（max-width：320em） {max-width：320em;宽度：100％;}