
CSS
wxyoo1
这个作者很懒,什么都没留下…
展开
-
min-width 不兼容ie6的解决办法
方法一:height:auto!important;height:580px;min-height:580px;把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。方法二:min-height:200px;_height原创 2013-10-16 13:38:14 · 679 阅读 · 0 评论 -
如何去除内联元素(inline-block元素)之间的间距
div{width:900px;}div a{ display:inline-block; width:300px;} 下面总结了几条去除inline元素和inline-block元素去除间距的方法:1、可以在html中直接把元素写在一行上或把闭合标签和第二个开始标签写在一行或两行间添加注释或直接去掉闭合标签但最后一个不能去掉。2、设置marg转载 2015-03-20 23:14:57 · 670 阅读 · 0 评论 -
手机QQ内置浏览器position:fixed 属性支持不好的解决方案
在三星android 手机QQ内部打开连接时,有的手机QQ版本低时,会对position:fixed 支持不好。表现在position:fixed 后 再用margin:0 atuo; 居中时,页面不居中;可以这样解决:在外层再套一个div层。将position:fixed 属性放在外层然后定宽;里面的层width:100%,margin:0 auto;就可以完美支持低版本手机QQ原创 2015-02-06 11:15:37 · 3787 阅读 · 0 评论 -
移动设备页面高度不足时min-height 的尴尬处理
在做html5的页面时,经常遇到页面内容太少撑不起来整个手机屏幕的高度。我们经常使用min-height来处理,比如min-height:568px; 对应的是iPhone5 的高度;而这样iPhone6plus下方就会出现空白。而如果设置 min-height:736px; iPhone5的话就会出现滚动条;此时我们可以使用position:absolute;left:0;原创 2015-02-06 11:07:21 · 1759 阅读 · 0 评论 -
web前端技巧整理【持续更新】
1.今天在做一个页面的时候碰到了箭头居中的效果:由于想实现点击区域很大所以用了padding-top:23%。但是在计算23%的时候出现了问题,经过研究发现:padding-top的百分比是根据期父元素的width而不是height来计算的,很奇怪吧?哪位大牛能给解释下。2.某个层加了浮动后又加margin后在ie6下一定会出现双倍边距。----------解决方法是display:i原创 2013-11-04 15:49:48 · 1846 阅读 · 2 评论 -
bom 头 <feff>的问题
今天js上线的代码测试一直有问题与我们页面构建部门的css完全一样,只是压缩了一下。这个问题纠结了整整一天。后来我登陆上了他们的测试服务器,直接用vim打开了他们组压缩好的css文件。打开一看头部有个<feff>,这才意识到可能是bom头没清楚。结果去掉了bom头确实css起作用了。原创 2014-03-06 21:24:22 · 2089 阅读 · 0 评论 -
ios hover problem【iphone和ipad hover态不消失问题】
【iphone和ipad hover态不消失问题】ios hover problem原创 2014-03-05 21:28:20 · 3983 阅读 · 0 评论 -
记录一下-自己写的一个项目夭折了
初步想法是做成fiddler 的chrome插件版。但是开发过程中发现在奇舞团工作的 李成银大神 早就已经实现了。这是项目的原型。祭奠一下。原创 2015-09-17 16:02:53 · 613 阅读 · 0 评论