草庐IT

EM距离

全部标签

html em 解析 chrome 中的错误

代码也在这里:http://jsfiddle.net/wMfMT/5/这个简单的htmlblock:fifthfourththirdsecondfirst和这个CSS:em{font-size:1.2em}在Firefox上正确呈现(每个字的大小不同),但在Chrome上呈现错误(第五和第四个字大小相同)。起初我认为这是一个css问题,但后来我检查了html,结果发现Chrome将其呈现如下:fifthfourththirdsecondfirst我的问题是:我的html是否正确(是否可以按照标准嵌套em-s?)如果是,那么是否有解决方法?*这是一个已知错误吗?如果不是,我应该在哪里报告

字体大小为 62.5% 的 html 和 em 计算

我有点困惑,希望有人能解释这种行为!?我有以下代码:testhtml{font-size:62.5%;//setthebasefont-sizeto10px}body{background-color:red;}@mediaonlyscreenand(max-width:100em)/*1000px??*/{body{background-color:green;}}如果视口(viewport)小于1001像素,我认为body的背景色应该从红色切换到绿色。但这是行不通的。颜色在1600px处变化。所以看起来font-size:62.5%不起作用!?问题是:为什么?

jquery - 将可拖动的 div 与 jqueryUI 可排序和 Bootstrap 一起使用(光标与 col-xs-6 中的 div 保持距离)

我想用jqueryUI和bootstrap制作一个可拖动的div,就像这样fiddle但是当我想在最后拖动第三个div时,它需要与光标的距离。$(function(){$(".columns").sortable({});}); 最佳答案 我想你可以使用cursorAt:{left:Value,top:Value}来设置你的鼠标位置 关于jquery-将可拖动的div与jqueryUI可排序和Bootstrap一起使用(光标与col-xs-6中的div保持距离),我们在StackOver

html - 边界半径 : 50% vs. 边界半径:999em

这个问题在这里已经有了答案:Border-radiusinpercentage(%)andpixels(px)orem(3个答案)关闭5年前。在探索Medium的精彩标记时,发现了一种使用border-radius:999em来制作漂亮的药丸式按钮的有趣方法。然而,这提出了一个问题:为什么border-radius:50%会变成椭圆而不是药丸?这是一个活生生的例子:http://codepen.io/evergreenv/pen/ykpBA/

javascript - 为什么google map用Canvas做距离测量而不是SVG?

我使用chrome调试工具来比较谷歌地图和其他map。我发现对于距离测量功能,谷歌地图使用Canvas绘制路径,而其他一些则使用SVG。我假设这可能是因为Canvas更快。但是SVG在绘制路径方面有很多好的部分。还有其他原因吗? 最佳答案 每个SVG元素都是一个DOM元素,拥有10,000多个SVG路径会导致与Canvas相比速度大幅下降。因此,一种可能性是它的性能。但最初Android并不渲染/支持SVG。这可能是Google选择使用Canvas的真正原因。如今,TabletAndroid(3.0+)支持SVG,但1.0-2.3不

jquery - 滚动距离顶部 20px 时需要修复 div

我不确定这是否可以用纯CSS完成,或者我是否需要使用一些jQuery来完成。我有一个div(product_image),在其当前状态下,它位于距顶部约400px的位置并相对定位,因此它清除了顶部菜单和标题,我需要做的是当用户向下滚动并达到约20px时从div的顶部开始,我需要将div固定。这是我尝试过的方法,我有一个带相对定位的主div,然后我有另一个div,用固定定位包裹里面的所有东西。问题是div停留在距离顶部400px的位置。代码如下:和CSS.product_image{position:relative;float:left;width:450px;margin-left:

javascript - 使用 javascript 将自动生成的 HTML 中的字体大小从 px 更改为 em

我有一个HTML从我无法控制的网络服务生成。HTML字体大小为px和pt.我的要求是将所有字体大小更改为em.这是我试过的:我试图访问所有标签使用:document.getElementByTagName('font').style.fontSize;但是,它正在返回null尽管我在HTML中有很多字体标签.我阅读的所有相关资源都假设我们可以控制CSS或HTML因此不适用于我的问题。简而言之,我想解析HTML并找到所有内联样式(字体大小)并将任何其他类型更改为em. 最佳答案 如果样式是在HTML中,那么它就是内联样式。没有CSSW

通过 XML 注释标签进行 Javascript 恶意注入(inject)/重定向 (JS/Exploit-Blacole.em)

我最近访问了一个网站,该网站在其HTML标记中嵌入了一个JS木马。McAfee名称为JS/Exploit-Blacole.em,F-Secure名称为Trojan:JS/Agent,MS名称为Trojan:JS/Quidvetis.A。现在,出于好奇,我看了一下木马的源代码(仅供引用,我在pastebin上发布了一份副本,看这里http://pastebin.com/PsLaE4d9)。让我感到奇怪的是McAfee网站上的部分(http://home.mcafee.com/virusinfo/virusprofile.aspx?key=1317346#none,单击“病毒特征”选项卡)

html - 在 Chrome 中使用 em 单位的问题

我在Chrome(版本31.0.1650.63m)中使用em单位时遇到问题。以下JSFiddle在Chrome中产生错误的输出(与Firefox或IE相比,绿色框太大):http://jsfiddle.net/rapik/j72aZ/HTML:CSS:.aaa{font-size:0.5rem;width:30em;height:30em;background:red;}.bbb{font-size:0.1em;width:15em;height:15em;background:green;}问题似乎是规则font-size:0.1em并没有使em小10倍。相反,它将em设置为某个最小

html - 如何缩小无序列表中点和文本之间的距离?

我正在使用列表样式图像来显示无序列表的点。它们看起来离文本有点远,我想缩小列表文本和点之间的距离。我试过填充和边距,但似乎没有任何效果。有人可以提出建议吗。 最佳答案 你可以试试否定text-indent在上:li{text-indent:-5px;}例如:http://jsfiddle.net/ambiguous/QgNxw/浏览器支持可能有点不稳定(例如Opera和WebKit不会以相同的方式呈现fiddle)。您也可以尝试使用:beforepseudo-element添加您自己的元素符号:.closer{list-style-