草庐IT

px2rem-loader

全部标签

javascript - jQuery 会以 px 以外的其他形式返回 CSS 度量吗?

我正在重写我的TextareaLineCountplugin(当我调用$("#someElement").css("letter-spacing")时,我是否会得到em或任何其他值比px?基于此示例:http://jsfiddle.net/xhhr2/,至少在GoogleChrome中,jQuery或浏览器似乎正在为我将测量值​​转换为px。我可以一直期待这种行为吗? 最佳答案 根据CrescentFresh'sanswer链接到DeanEdwards的hack,jQuery竭尽全力返回所有浏览器的实际计算像素值,而不是样式表中最初

html - Div 100% 高度显示为 0px?

我目前正在build一个网站,但有一个我似乎无法解决的小问题,我创建了一个高度为100%的div,在该div中是一个高度也为100%的sliderdiv,问题是第一个div显示高度为0px,因此应该位于sliderdiv下面的div显示在sliderdiv后面,有人可以帮助我吗?这是我的代码:.slider-container{width:100%;min-height:100%;background-color:white;float:left;}.main-content{width:100%;height:1000px;background-color:pink;float:le

html - 使用 rem-value 中的字体计算行高

我怎样才能计算出最适合用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

javascript - 如何防止 Quill 在顶部边距为 10px 的标题前插入空白段落 (`<p><br></p>` )?

背景CSS.ql-editorh3{margin-top:10px!important;}HTML源代码(用Quill编辑)ATitlehelloAHeading启动Quill的JavaScript是:varquill=newQuill('#editor',{theme:'snow'});Quill.js将它变成这样(为清楚起见,我添加了换行符):ATitlehelloAHeading问题在哪里?从何而来,我该如何摆脱它?我希望编辑看起来像真实的东西,我们在所有标题上都使用了上边距。阻止Quill覆盖我们的样式的解决方案会非常好。注意事项.ql-editorh3风格与margin-to

html - Rems 在 Chrome 和 Firefox 之间呈现不同

在比较它们在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轻松检查

html - div 宽度 100% +10px : relative to parent?

我有一个带有display:table/table-cell:auto布局的ul/li菜单,拉伸(stretch)以填充容器并在菜单项之间分配水平空间。我必须将一个额外的UI元素与最后一个菜单项对齐。我可以通过将该元素添加为最后一个li元素的子元素并使其100%宽来实现这一点。但是,我需要将此UI元素(语言选择器)部分定位在主要内容之外,因此我将其定位在相对右侧:-10px。但副作用是,与菜单元素相比,选择器的左边缘向右移动。通常我会将选择器div的宽度增加10px,但由于它是100%,我不能这样做。而父li的宽度由其文本内容决定。有没有一种方法可以使用纯CSS来实现这一点?我无法在选

html - Bootstrap : Navbar not fixed to very top has like 40px padding?

我在使用TwitterBootstrap时遇到问题,这是我的导航栏的样子:页面顶部和导航栏之间有间隙。我尝试使用.navbar{position:fixed!important;top:0px;padding:0px;margin:0px;}在我的css文件中,但它仍然无法正常工作。它在移动设备和桌面设备(使用响应式CSS)中看起来像这样。我尝试将我的网站css放在响应式css之后和之前,但它没有做任何事情。有谁知道为什么会这样?来自bootstrap.css的导航栏数据:.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;rig

html - 将 div 宽度设置为 100% 减去一定数量的 px

过去几个小时一直在网上搜索以找到解决此问题的方法,但找不到,所以我来了。我需要div的宽度为100%减去leftdiv的宽度。因此它左侧的div保持相同的宽度(390px),但另一个div根据分辨率调整其大小。我找到了解决方案,它在两侧都有固定宽度的div,但就是想不通。 最佳答案 简单的解决方案:CSS:div#content{float:right;width:100%;}div#content.padder{margin-left:330px;padding:030px00;}div#sidebar{float:left;wi

html - 当一个奇数宽度的div被分割成50%/50%时,剩下的1px会怎样?

假设我想为div#wrapper制作背景,这样一半是蓝色,一半是红色,使用两个width:50%的div,如下所示:HTML:CSS:body,html,#wrapper{width:100%;height:100%;}#wrapper{background:white;}#leftSide,#rightSide{width:50%;height:100%;}#leftSide{float:left;background:blue;}#rightSide{float:right;background:red;}Hereisafiddlefortheaboveexample.这在理论上可

html - CSS - 这种情况最好使用什么(px、%、vw、wh 或 em)?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭6年前。Improvethisquestion我正在使用Ionic2开发应用程序,我需要预览不同尺寸的应用程序。目前,我正在使用所有尺寸的vw,包括font-size、padding等等,但是在调整字体大小时它有时会变得有点小,甚至有时文本不可读。因此,我想知道在这种情况下最好使用什么:像素%vwwhem或者我是否还需要使用@media并支持不同的字体大小?有什么想法吗?