随笔分类 -  css

css
IFC
摘要：IFC(Inline Formatting Contexts)直译为"内联格式化上下文"，IFC的line box（线框）高度由其包含行内元素中最高的实际高度计算而来（不受到竖直方向的padding/margin影响) IFC中的line box一般左右都贴紧整个IFC，但是会因为float元素而扰 阅读全文
posted @ 2018-10-25 14:14 迷失地 阅读(621) 评论(0) 推荐(0)
flex.css
摘要：为什么需要flex.css? 在移动端开发中，并不是所有的浏览器，webview，微信等各种版本都支持标准的flex， flex属性大全 flex-box属性说明 阅读全文
posted @ 2017-09-29 16:22 迷失地 阅读(575) 评论(0) 推荐(0)
Android 手机下输入框获取焦点时, 输入法挡住输入框的 bug
摘要：DOM的滚动 DOM规范中并没有规定各浏览器需要实现怎样的滚动页面区域，各浏览器实现了相应的方法，可以使用不同的方式控制页面区域的滚动。这些方法作为HTMLElement类型的扩展存在，所以它能在所有元素上使用。 1、scrollIntoView(alignWithTop) 滚动浏览器窗口或容器元素 阅读全文
posted @ 2017-06-02 14:30 迷失地 阅读(1974) 评论(0) 推荐(0)
iOS下的 Fixed + Input BUG现象
摘要：<body class="layout-scroll-fixed"> <!-- fixed定位的头部 --> <header> </header> <!-- 可以滚动的区域 --> <main> <div class="content"> <!-- 内容在这里... --> </div> </mai 阅读全文
posted @ 2016-11-08 11:21 迷失地 阅读(1263) 评论(0) 推荐(0)
textarea高度自适应自动展开
摘要：兼容情况 在使用之前，推荐两个比较好的事件，分别是oninput和onpropertychange，在textarea发生变化时，可以通过监听这两个事件来触发你需要的功能，看一下兼容情况：· HTML： 阅读全文
posted @ 2016-10-11 11:47 迷失地 阅读(6222) 评论(0) 推荐(0)
margin负值问题
摘要：当static元素的margin-top/margin-left被赋予负值时，元素将被拉进指定的方向。但如果你设置margin-bottom/right为负数，元素并不会如你所想的那样向下/右移动，而是将后续的元素拖拉进来，覆盖本来的元素。 （也就是让出右/下边的位置） 如果没有设定width属性， 阅读全文
posted @ 2016-06-17 11:21 迷失地 阅读(179) 评论(0) 推荐(0)
audio元素和video元素在ios和andriod中无法自动播放
摘要：应对方案：触屏即播 $('html').one('touchstart',function(){ audio.play() }) 阅读全文
posted @ 2016-06-14 16:48 迷失地 阅读(142) 评论(0) 推荐(0)
负边距布局
摘要：时间--2016-06-03知识点：margin的负值会让盒子的宽高都相应的变大。margin的负值会让出相应的位置。例如本文的案例中margin-right:-300px，这个盒子就会让出右边的宽度为300px的一个空间，后面的元素浮动的话就会占据他让出的空间。本文只是个人理解，如有不妥敬请指正。 阅读全文
posted @ 2016-06-03 17:55 迷失地 阅读(217) 评论(0) 推荐(0)