摘要: 帮助理解: 最外层: 其中包括header,body,footer; .box .header{height:40px;} 阅读全文
posted @ 2016-11-01 16:49 最爱小虾 阅读(506) 评论(0) 推荐(0) 编辑
摘要: order flex-grow flex-shrink flex-basis flex align-self 1.1 order css order属性规定了弹性容器中的可伸缩项目在布局时的顺序。元素按照order属性的值的增序进行布局。拥有相同order属性值的元素按照它们在源代码中出现的顺序进行 阅读全文
posted @ 2016-11-01 12:03 最爱小虾 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 宽度40px,另一个的补全宽度: 阅读全文
posted @ 2016-11-01 12:01 最爱小虾 阅读(2232) 评论(0) 推荐(0) 编辑
摘要: 一个高度为100px, 另外一个高度自动补全当前界面下剩余的高度: 阅读全文
posted @ 2016-11-01 11:58 最爱小虾 阅读(8074) 评论(0) 推荐(0) 编辑
摘要: 一,概念 flexible box ,意为“弹性布局”,用来为盒状模型提供最大的灵活性。 块级布局更侧重于垂直方向,行内布局更侧重于水平方向,于此相对的,弹性盒子布局算法是方向无关的。 块级flex布局: 行内元素flex布局: webkit内核的浏览器,必须加上-webkit前缀: 注意:设为fl 阅读全文
posted @ 2016-11-01 11:52 最爱小虾 阅读(1292) 评论(0) 推荐(0) 编辑
摘要: ios使用-webkit-text-size-adjust禁止调整字体大小 android使用以下代码,该接口只在微信浏览器下有效 最好的解决方案: 整个页面用rem或者百分比布局消除transition闪屏网络都是这么写的,但我并没有测试出来 阅读全文
posted @ 2016-10-31 18:46 最爱小虾 阅读(737) 评论(0) 推荐(0) 编辑
摘要: 手机拍照和上传图片<input type=”file”>的accept 属性 使用总结: ios 有拍照、录像、选取本地图片功能部分android只有选取本地图片功能winphone不支持input控件默认外观丑陋。 <audio src="http://www.example.com/song.o 阅读全文
posted @ 2016-10-31 18:25 最爱小虾 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 其实可以用active,考虑要做到全兼容,故而用了通过绑定ontouchstart和ontouchend来控制按钮的类名。 阅读全文
posted @ 2016-10-31 17:49 最爱小虾 阅读(1863) 评论(0) 推荐(0) 编辑
摘要: IE:不管该行有没有文字,光标高度与font-size一致。FF:该行有文字时,光标高度与font-size一致。该行无文字时,光标高度与input的height一致。Chrome:该行无文字时,光标高度与line-height一致;该行有文字时,光标高度从input顶部到文字底部(这两种情况都是在 阅读全文
posted @ 2016-10-31 16:42 最爱小虾 阅读(6705) 评论(0) 推荐(0) 编辑
摘要: 引入js即可 阅读全文
posted @ 2016-10-28 16:29 最爱小虾 阅读(1156) 评论(0) 推荐(1) 编辑