Chrome中设置字体小于12xp

发表于:2016-06-02 11:28:46

最近工作中遇到了一个坑,就是在chrome中设置的字体小于12xp的时候,最终显示的仍然是12xp: 而Firfox,IE则不会出现这种情况;因此这样会导致各浏览器显示出现差异。 也就是说Chrome限定了最小字体是12xp!! 于是在网上找到一下解决方案,最初是的方案是设置-webkit-text-size-adjust:none来解决这个问题,但又听说从Chrome27开始-webkit-text-size-adjust属性就被移除了。 而现阶段仍然有效的解决方案是使用-webkit-transform属性,通过缩放元素来强制实现字体缩小的目地。 比如你要设置的字体是10xp,那么缩放的元素比例则是10:12(10/12=0.83333333333333),故10xp在Chrome应该这样设置: font-size: 10px; -webkit-transform: scale(0....

阅读(2k+)评论(0)

使用jQuery实现回到顶端功能

发表于:2015-03-12 19:05:15

在遇到内容特别长的页面时,通过添加回到顶端按钮,可以大大提高用户体验,下面就来介绍一种使用jQuery快速实现该功能的方法: 首先需在页面的body标签下添加一个a标签,用于充当回到顶端的按钮: <a href="javascript:void(0);" class="scrollup">顶端</a> 接着为这个按钮添加CSS渲染样式,让其始终置于页面的右下角,具体的代码如下: .scrollup { width: 40px; height: 40px; opacity: 0.3; position: fixed; bottom: 50px; right: 100px; display: none; text-indent: -9999px; background: url('icon_top.png') no-repeat; } 你可以使用任意样式的图片来代替i...

阅读(2k+)评论(0)

JavaScript获取URL中请求参数

发表于:2014-11-29 06:46:57

Javascript可以使用如下简明的方法获取URL中的参数如下: function getURLParameter(name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null } 如获取URL中为myvar的参数,则像这样使用: myvar = getURLParameter('myvar'); 乍一看是不是很强大很简洁!

阅读(2k+)评论(0)

怎样使用jQuery判断元素是否存在

发表于:2014-11-14 04:04:56

作者:Aaron Russell  原文:http://aaronrussell.co.uk/legacy/check-if-an-element-exists-using-jquery/ 在使用jQuery时(或其它Javascript库),你是否遇到过如何通过(selector)选择器来判断元素是否存在的情况?好吧,也许你没有,但我却经常遇到;我将在这说明这是如何实现的,因为这并不像它看起来的那么简单。 简单直白的将选择器包裹在if语句中,这样对吗? if ($("#mydiv")){ // do something here } 好吧,这是错的--像这样并不能正常工作!当你使用一个选择器,那么jQuery总是会返回一个对象,因此if语句会一直返回true,永远也不会为false。访问页面中不存在的元素,jQuery会返回一个里面什么都没有的对象--空对象;解决方案就在其中...

阅读(2k+)评论(0)

4篇文章, 共1页