Fork me on GitHub

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

Coding Poineer

随笔分类 -  CSS

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

点击右上角即可分享
微信分享提示