qq_42669510 2023-07-31 12:48 采纳率: 73.3%
浏览 12
已结题

CSS样式问题：关于transform:scaleY()与height直接写大后的区别

img

img


仿照teacher的写法实现了将li向下拉伸的效果，效果和代码如以上所示，但是我产生了一个问题，我之前用transform:scaleY()做是由图片中心点上下同时拉伸，于是我设置了transform-origin:center top; 结果图片向下拉伸的同时，内部圆也被拉大了，内部圆是由定位做的，具体代码如下：

img


用scaleY会放大圆，但是为什么直接写大height，li就会向下延伸而不是像scale一样由中心点延伸呢？同时为什么圆没有被放大？

  • 写回答

2条回答 默认 最新

  • ZionHH 2023-07-31 15:40
    关注

    height是改变容器高度。
    transform: scale()是一种形变，就像你拿一个放大镜看东西，整体都变化了。

    ps：transform改变的元素不会脱离文档流，不会改变自身实际的大小和位置，例如下面图片，使用transform放大了两倍，但自身实际大小没有改变，没有把旁边元素挤开

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

问题事件

  • 系统已结题 9月13日
  • 已采纳回答 9月5日
  • 创建了问题 7月31日

悬赏问题

  • ¥15 labelme生成的json有乱码?
  • ¥30 arduino vector defined in discarded section `.text' of wiring.c.o (symbol from plugin)
  • ¥20 关于#c++#的问题：(2）运算二叉树·表达式一般由一个运算符和两个操作数组成：（相关搜索：二叉树遍历）
  • ¥20 如何训练大模型在复杂因素组成的系统中求得最优解
  • ¥15 关于#r语言#的问题：在进行倾向性评分匹配时，使用“match it"包提示”错误于eval(family$initialize): y值必需满足0 <= y <= 1“请问在进行PSM时
  • ¥45 求17位带符号原码乘法器verilog代码
  • ¥20 PySide6扩展QLable实现Word一样的图片裁剪框
  • ¥15 matlab数据降噪处理，提高数据的可信度，确保峰值信号的不损失？
  • ¥15 怎么看我在bios每次修改的日志
  • ¥15 python+mysql图书管理系统