css
Mr_HeXS
这个作者很懒,什么都没留下…
展开
-
css3 -- flex-direction, justify-content
flex-direction,justify-content 这两个属性一定要是在display flex弹性盒子里面才起作用 flex-direction 控制的是在弹性盒子中的方向justify-content 控制的是在弹性盒子中元素在主轴(横轴)方向上的对齐方式。连起来用可以实现元素居中的效果display flex flex-direction column justify...原创 2018-05-19 17:02:30 · 970 阅读 · 1 评论 -
图片css占位处理及模拟3G网络环境
谷歌浏览器,network,点击online选择 fast 3G 可以模拟手机3G网速,然后可能会发现页面图片网速卡的时候刷新不出来,页面布局乱掉, 那么这时候呢,就要用一些css的技巧来搞页面了,请看下面。。。,根据图片的宽高比计算出padding-bottom的百分比,就是这种感觉,成品的对比在下面overflow:hiddenheight:0padding-bottom:37.1%...原创 2018-05-15 11:50:20 · 410 阅读 · 0 评论 -
解决IOS手机页面overflow:scoll属性滑动很卡问题
加入一行-webkit-overflow-scrolling: touch;就可以滑动流畅了啊。据说是因为这行代码启用了硬件技术特性,所以滑动很流畅,但是这个属性也会相对消耗更多内容。在流畅的滑动效果和耗费多点内存之间,我选择了前者从前端开发的角度讲,只需要知道CSS的属性-webkit-overflow-scrolling是真的创建了带有硬件加速的系统级控件,所以效率很高。但是这相对是耗更多内存...原创 2018-05-15 14:14:08 · 855 阅读 · 0 评论 -
百度贴吧中:display:inline;float:left;
百度贴吧中li中图片的处理。display:inline;float:left;,display:inline,是为了解决ie6的双边距的这个现象只出现在block元素中,而inline元素中不会出现这种现象原创 2018-05-15 14:16:17 · 159 阅读 · 0 评论