摘要:在做responsive或者手机版页面的时候,经常碰到在手机和平板中会因为长度问题把页面撑大。最近看到一个比较好,比较方便的方法,而且仅仅用CSS 2就可以实现!实例URL:http://dbushell.com/demos/tables/rt_05-01-12.html已经验证支持webkit引擎及firefox、IE10+,很可惜IE这个混蛋9及以上不能改table标签的display属性。慢点看看有没有什么trick的方法可以做到兼容。主要用到的CSS如下:TABLE {display: block; width: 100%; clear: both;}THEAD {float:left 阅读全文
posted @ 2014-04-03 19:20 Jennie Ji 阅读(5717) 评论(0) 推荐(0) 编辑
摘要:这个BUG发生的截图:这是发生在Windows8 IE10下,type为password的input文本框内输入长串字符后,初次失去焦点的时候会发生的一个BUG。发生BUG的原因是这个文本框上应用的字体为@font-face指定的非web-safe字体。不过我并未使用多个web-safe字体或非web-safe实验来验证这点,IE11也未验证,简单地指定.gt-ie9 input[type="password"] { font-family: Arial; } 来解决了这个问题。 阅读全文
posted @ 2014-03-27 11:44 Jennie Ji 阅读(424) 评论(0) 推荐(0) 编辑
摘要:在Google Maps API的使用中,经常用到Clusterer来避免过密的Marker显示。但仔细看一下Clusterer的设置参数中并没有直接将某些Marker除外的方法,那遇到这样的需求,怎么做呢?以下是我从StackoverFlow上获得的解答,也是实践下来最佳的方法:// Create marker clusterer// map: google.maps.Map Object// markerArray: [google.maps.Marker Object1, google.maps.Marker Object2 ...]var clusterer = new MarkerC 阅读全文
posted @ 2014-03-18 23:01 Jennie Ji 阅读(2127) 评论(0) 推荐(0) 编辑
摘要:Firefox 的default select在某些情况下右侧边框会消失。截图如下:这个目前为止没有看到有任何解决方案,HACK也没有。。。囧。。。有高人知道吗? 阅读全文
posted @ 2014-03-04 17:58 Jennie Ji 阅读(221) 评论(0) 推荐(0) 编辑
摘要:[Bug描述]Windows XP IE8的某些版本下页面只显示一部分,其余为空白。IE左下角有惊叹号报错标志,点开后显示字符如下:HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917) Line: 0 Char: 0 Code: 0 URI: ……StackOverflow上有人说IE官方给出了由于HTML加载未完成时用JS插入新的HTML标签可能会被浏览器认为父标签未关闭而报错停止加载。真是但疼菊紧。。。不过后来IE8应该是 阅读全文
posted @ 2014-03-01 00:17 Jennie Ji 阅读(646) 评论(0) 推荐(0) 编辑
摘要:在iOS、Mac safari中,所有的textbox, select, checkbox都会被强制美化为圆角。但在特殊情况下需要清除圆角时发现iOS中使用以下传统的css无效:border-radius: 0; -webkit-border-radius: 0; 然后无奈之下用了以下代码才奏效:-webkit-appearance: none; 阅读全文
posted @ 2014-02-23 22:01 Jennie Ji 阅读(703) 评论(0) 推荐(0) 编辑
摘要:IE对CSS的限制主要有两个:一个页面中引用的CSS只读前32个一个CSS文件中只读前4095个选择器关于这个问题的文章有很多,我就不细讲了。我想讲的是在用SCSS写CSS的时候非常容易超过这第二个限制。SCSS的继承,MIXIN和其他特性非常好用,我们可能会分成很多个文件,这些文件都互相有关联,但是为了减少浏览器请求文件次数,通常会将多个文件合并压缩成一个文件。那么如果碰到一个样式量大的站点,你可能不得不为了兼容IE而将CSS分成两个以上的文件。非常蛋疼的是,我在使用Foundation的时候碰到了这件事情。因为Foundation 已经预先提供了非常丰富的样式,我在增加新文件用自定义样式覆 阅读全文
posted @ 2014-02-16 17:29 Jennie Ji 阅读(708) 评论(0) 推荐(0) 编辑
摘要:一看这标题就知道无比蛋疼了是不?至少我从来不用安卓自带的浏览器。。。发现这个bug的场景:万恶的Foundation,它的滚动图片插件Orbit在安卓自带浏览器下手指从左往右滑动时动画仍旧表现为从右往左滑动。只有在安卓自带浏览器下会发生哦!罪魁祸首是foundation写这个插件时候用jQuery的css动画从'marginLeft':'-100%'到'marginLeft':'0%'来实现从图片从左往右滑动进来。而这个傻浏览器并不认负的百分数,不过能认负的数值。同时要注意的是,两个百分数要同时改成数值才有效,也就是说-100px 阅读全文
posted @ 2014-02-14 11:00 Jennie Ji 阅读(215) 评论(0) 推荐(0) 编辑
摘要:这是个让人蛋疼的bug,认真查看Google maps API文档的童鞋们一定不会碰到。我的同事为项目写了个针对map这块的jQuery plugin,然后在项目测试中发现,刚加载完页面时,直接点击map上toolbar的zoom in/out按钮或者用鼠标滚轮对地图进行放大缩小时,位置不知道偏到哪个黑暗的小角落去了。我看了丫代码半天,没发现啥问题,感觉问题是出在center的值不对,可是人家用bounds定位定得好好的,刚加载完页面时候的center也没问题啊,怎么一缩放就出问题了呢?更诡异的是,只要对地图进行过除了缩放以外的任何操作,都工作正常。谷歌一下也没有看到类似的提问或者文章。最后灵 阅读全文
posted @ 2014-02-11 23:23 Jennie Ji 阅读(1231) 评论(6) 推荐(0) 编辑
摘要:用$.ajax用POST方式提交请求到一个ASPX页面执行后台代码时,发生一桩诡异的事情。。。假设后台代码写在Test.aspx及Test.aspx.cs中。如用:$.ajax({ url:"Test.aspx", type:"POST", data:{ parameter:value },success:function(response){ //Call back function }});通过Console控制台可以看到,在运行success的Callback时,会一下子执行两个请求。先是“POST”,后是“GET”。第一... 阅读全文
posted @ 2012-10-31 13:36 Jennie Ji 阅读(1560) 评论(7) 推荐(2) 编辑