在网站源代码中,我有时会看到开发人员使用rem单元。它类似于em吗?我试着看看它到底做了什么,但它是相对于什么的呢?
HTML
<div>Hello <p>World</p></div>
CSS
div {
font-size: 1.4rem;
}
div p {
font-size: 1.4rem;
}
当使用EM单元指定字体大小时,我很难编写可维护的CSS代码,而不是PX单元。我已经习惯于编写这样的CSS代码:
body {font-size: 12px;}
body .sidebar {font-size:11px;}
body .sidebar .loadmore {font-size:10px;}
body .sidebar .warning {font-size:13px;}
这个想法是,在很多网页上,通过网站,有很多文本,应该有12个像素的字体大小。我利用特定的规则来覆盖站点特殊区域的12 in字体大小。
假设我将上面的代码重写为:
body {font-size: 12em;}
今天我第一次使用sifr。我已经启动并运行了它;但是,我需要一些帮助。我不会解释,而是向您展示以下代码:
<div id="pullquote">“Fantastic property, facilities and location. We
couldn’t have asked for more!” <em>Mr & Mrs. Smith</em></div>
到现在为止还好。然后我在同一个文档中设置了样式,以防flash/JavaScript被禁用。没问题。
sIFR.replace(journa
可能重复:
如果容器只包含没有子元素的纯文本,那么下面的代码就是一个可行的解决方案:
(function($) {
$.fn.textfill = function(options) {
return this.each(function() {
var text = $(this).text();
$(this).text('');
var container = $('<span />').text(text).appendTo($(this));
var min = 1,