![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
项目中CSS遇到的问题收集,和一些CSS特性的分享
蜗牛不会飞_
永远保持着一个谦虚好学的心态……
展开
-
解决 android 软键盘弹出打乱布局的问题(js解决)
问题基本描述H5这个页面,内含一个输入框和一个 button,整个页面是全屏的(已经使用定位布局做了全面屏的适配),高度是 100vh。当点击输入框时,手机软键盘会弹出,iphone 浏览器布局还是原来正常的,但是在 android ,则出现这样子:可以看到,键盘弹起,页面的可视区域高度被压缩了,使整个页面布局发生了变化。刚开始我的基本样式:/* 外层容器 */.keyword...原创 2020-01-21 12:39:25 · 976 阅读 · 0 评论 -
我是如何解决 rotate3d() 在 ios 失效的问题
前言最近写一个新年签的项目,要使用卡片翻转的3D动画效果,像这样:点击图片放大、翻转、然后飞走,于是想到了 css3 的 rotate3d() 属性来做翻转的效果。开始简单介绍一下怎么使用:rotate3d(x, y, z, a)有3个参数:xnumber 类型,可以是0到1之间的数值,表示旋转轴X坐标方向的矢量。ynumber 类型, 可以是0到1之间的数值,表示旋转轴...原创 2020-01-07 11:07:20 · 1769 阅读 · 1 评论 -
ios 中使用 animation-play-state: paused 属性失效的问题
前言因为要做一个播放器的播放图片旋转动画,像这样子当音乐播放就转动,停止就暂停。开始于是很自然地想到了使用Css3的 animation 动画属性CSS3 animation(动画) 属性animation-name 指定要绑定到选择器的关键帧的名称animation-duration 动画指定需要多少秒或毫秒完成animation-timing-function 设置动画将如...原创 2019-11-22 18:54:54 · 1196 阅读 · 0 评论