随笔分类 - CSS
摘要:为什么要做移动端适配? 我们开发使用px(CSS pixel)的是逻辑像素,以至于在不同分辨率的设备上同一个UI设计图展示效果会被伸缩变形,所以需要做移动端适配 通过历史进程进一步认识! 早期诺基亚板砖机时代,样式直男单一、设备少(哪种设备需要即去重新开发一套即可),此时的设备像素比被通俗地固定在1
阅读全文
摘要:走马灯(vue) // 尽量将所有的变化写在transform中,否则样式计算会变复杂,引起抖动 <style> @keyframes toShow { //放大时动画 from { transform: scale(0.8); z-index: 2; } to { transform: trans
阅读全文
摘要:flex容器: flex-direction flex-wrapper flex justify-content align-items: 主轴交叉轴 align-content:存在换行时,交叉轴的排列方法 flex项目属性 order:排列顺序 flex-grow flex-basis flex
阅读全文
摘要:通过 scale(1.2) translateY(-7px) 两者同时控制,实现放大同时、向上移动,2个动画的速率是一样的 .pro-box-list a img{ width: 90px; height: 90px; transition: all 0.5s; box-shadow: 0 1px
阅读全文