为了账号安全,请及时绑定邮箱和手机立即绑定

CSS响应式动画

问题1、设置根据浏览器窗口显示图片的个数时,只能出现显示一个和同时显示3个的情况,不能出现同时显示两个的情况,请问插入图片的宽度是多少个像素。

问题2、和老师的代码一样,但是鼠标移上去的时候,图像没有出现任何动画,这个原因和插入图片的宽度有关吗?

求各位大神帮忙解惑,谢谢了~

正在回答

1 回答

回答问题一:图片不是设置多少像素的问题,而是设置图片外面figure容器宽度在整个浏览器所占的百分比,如果是浏览器宽度小于一定值的时候设置占比100%,这个时候显示一张图片,设置50%的时候显示两张,设置33.333%的时候显示三张图片,核心就是宽度设置占浏览器的百分比是多少。

回答问题二:可能是你的标签控制不当吧,这个肯定跟插入的图片宽度无关的。你检查一下代码是不是写错了,你没有具体代码只能这样子回答你。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
CSS3图片动态提示效果
  • 参与学习       53895    人
  • 解答问题       142    个

实用的CSS3图片动态提示效果,熟练掌握CSS动画的制作技法

进入课程

CSS响应式动画

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信