在css中单位长度用的最多的是px、em、rem，这三个的区别是：一、px是固定的像素，一旦设置了就无法因为适应页面大小而改变。二、em和rem相对于px更具有灵活性，他们是相对长度单位，意思是长度不是定死了的，更适用于响应式布局。rem是CSS3新增的一个相对单位（rootem，根em）三、em是相对于其父元素的字体大小来设置的，一般都是以的“font-size”为基准。这样就会存在一个问题，如果我想对某个特定的元素的进行字体大小设置，那么他所有的子元素都会以他为基础，就会导致整个页面内元素所占比例与UI定稿不一样。而rem是相对于html根元素的“font-size”为基准，这样就意味着，
我想这样做:http://www.youtube.com/watch?v=ls3Clk-kz3s但输出rems(使用px回退)而不是ems。显然是这个https://github.com/chriseppstein/compass/pull/896已添加到compass并且应该可以正常工作，但我不太了解我需要什么http://compass-style.org/reference/compass/typography/vertical_rhythm/添加到我的.scss文件中。如果我只是从https://gist.github.com/ry5n/2026666中获取代码作为混合(即使根
我怎样才能计算出最适合用rem设置的字体大小的行高？例如:html{font-size:62.5%;}p{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-size:1.4rem;line-height:1.3;/*howdoicalculatethisvalue?*/}我问这个问题的原因是我很困惑如何理解body中的字体大小(为了便于rem计算)、实际rem字体大小和行高中的“非值”之间的关系据我所知，在STATIC布局中表示字体大小如下:font-size:20px;和line-height:2.0;-会将font
在比较它们在Chrome和Firefox中的呈现方式时，我注意到使用rems时存在一个小问题。使用以下CSS:html{font-size:62.5%;}.rem-test{width:50%;height:20rem;background:red;}呈现的结果略有不同，Firefox显示的框比Chrome中的短:我能做些什么来阻止这种情况的发生吗？这是一支笔:http://codepen.io/abbasinho/pen/WbJWNq 最佳答案 这肯定会发生，因为您的浏览器具有不同的字体大小设置，您可以使用thisfork轻松检查
在我的应用程序中，我使用Bootstrap并将2rem设置为我的h2元素，将1.7rem设置为我的h3标签。即使我在桌面上调整浏览器宽度(到手机的大小)，h1也比我想要的h3大。但是，如果我使用开发人员工具切换到移动设备View或从我的手机查看网站，h1会变得比h3小!这里可能发生了什么？它发生在我创建的多个站点中。示例fiddle(无法在fiddle中复制问题。但它是代码):https://jsfiddle.net/gor87kg6/1/存在问题的实时站点:http://jayatours.lk/ 最佳答案 按照Bootstrap
谁能解释为什么我的媒体查询在将它们从px转换为ems时中断在我的文档正文中，我包含了以下规则字体大小:62.5%，因此我假设我可以将我的媒体查询从650px转换为65em？将我的媒体查询更改为ems会破坏布局作为替代方案，我可以将媒体查询转换为带有像素回退的REMS吗？？也就是说，我不知道该怎么做@mediascreenand(min-width:650px){body{font-size:62%;background-color:#364759;background-repeat:repeat-x;background:url("bg.gif");}#wrapper,footer{w
虽然我对响应式设计的想法并不陌生，但我遇到了一件非常麻烦的事情......我已经决定完全转向rem单位，但我仍然遵循62.5%规则(我已经将它与em一起使用)。对于初学者来说:html{font-size:62.5%;}我假设1rem=10px(我知道这并不总是正确的，但是嘿，这对我来说是为了简化数学，对于浏览器来说它仍然是相对的吧？)恐怖开始于Opera(12.12linux和win版本，默认字体大小设置为14px和16px分别)。headernavulliaspan{padding:1.8rem2.7rem3rem0;font-family:'sawasdeebold',sans-
在最近的元素中，我开始使用rem来调整字体大小，然后使用px作为旧版IE的后备。我还在html上将font-size设置为62.5%，这样我可以稍后在样式表中更轻松地设置字体大小，然后我设置主体上的1.4rem字体大小，因此无样式元素的基本font-size至少为14像素，请参见下面的代码:html{font-size:62.5%;}/*font-size:62.5%nowmeansthat1.0rem=10px*/body{background:#fff;font-family:arial;font-size:1.4rem;line-height:1.6rem;}问题是，Chrome
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题吗？更新问题，以便editingthispost提供事实和引用来回答它.关闭2年前。社区审核了是否要重新打开这个问题去年并关闭:原始关闭原因未解决Improvethisquestion我正在设计一个新网站，我希望它与尽可能多的浏览器和浏览器设置兼容。我正在尝试决定我的字体和元素的大小应该使用什么测量单位，但我无法找到一个确凿的答案。我的问题是:我应该在我的CSS中使用px还是rem？到目前为止，我知道使用px与在浏览器中调整基本字体大小的用户不兼容。我忽略了em，因为与rem相比，它们在级联时更难维护。有人说
关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题吗？更新问题，以便editingthispost提供事实和引用来回答它.关闭2年前。社区审核了是否要重新打开这个问题去年并关闭:原始关闭原因未解决Improvethisquestion我正在设计一个新网站，我希望它与尽可能多的浏览器和浏览器设置兼容。我正在尝试决定我的字体和元素的大小应该使用什么测量单位，但我无法找到一个确凿的答案。我的问题是:我应该在我的CSS中使用px还是rem？到目前为止，我知道使用px与在浏览器中调整基本字体大小的用户不兼容。我忽略了em，因为与rem相比，它们在级联时更难维护。有人说
