白沐沐vccc 2022-05-14 16:25 采纳率: 96.2%
浏览 39
已结题

请问为什么我的图片随着margin-left改变而变形，

请问为什么我的图片随着margin-left改变而变形，十分感谢。。

img

  • 写回答

2条回答 默认 最新

  • 你好！机器人 2022-05-14 16:52
    关注

    myLike_img加个flex-shrink:0

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

报告相同问题？

  • 前端-变形
    2024-08-28 23:13
    Lojarro的博客 translate(tx[,ty]):表示html元素沿X轴移动tx的距离，沿y轴移动ty的距离，ty可以省略，如果省略则ty默认为0。scale3d(sx,sy,sz):html元素沿X轴的缩放比为sx,沿y轴的缩放比是sy,沿z轴的缩放比是sz。translateY(ty): ...
  • margin常见问题
    2020-07-19 12:00
    努力向上长的小小草啊的博客 margin常见问题以及解决办法：     1.在给子元素设置margin-top属性时会将值传递给父元素，导致整个盒子下移； 解决方法：     父元素：      &...
  • 前端-变形例子5：响应式布局
    2024-08-31 16:16
    Lojarro的博客 一个常用的针对移动网页优化过的页面的 viewport meta 标签： width：控制 viewport 的大小，可以指定的一个值，如 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。...
  • 不得不了解的几现代化CSS属性
    2024-09-18 22:18
    慕钦。的博客 到这里，我们已经深入探讨了几个 CSS 的新特性。这些现代 CSS 属性为前端开发者提供了很多强大的工具。希望这篇文章能帮助大家更好地理解这些新功能，并在实际项目中熟练运用它们，创造出更美观、更用户友好的网页。
  • P79-前端基础动画效果-变形平移
    2021-01-30 20:51
    Bruce小鬼的博客 P79-前端基础动画效果-变形平移 1.概述 这篇文章介绍水平和垂直平移动画效果 变形就是指通过CSS来改变元素的形状或位置 变形不会影响到页面的布局，当前元素的变形不会影响相邻元素布局位置。 transform 用来设置...
  • ios 加载html图片变形,微信开发里面图片变形的问题
    2021-06-13 01:22
    无解答案的博客 先说原因，ios解释border-radius的百分比值(以50%为例)时，是按当前涉及的边的长度为基准，比如一个400x300的长方形，它的border-radius就被计算成border-radius: 400*50%/300*50%;这个属性展开就是border-top-left-...
  • 前端基础入门之css动画与变形
    2022-06-22 07:00
    Young丶的博客 } } 变形：平移、旋转与缩放 变形就是指通过 css 来改变元素的形状或位置 变形不会影响到页面的布局 transform用来设置元素的变形效果 4、平移 translateX() 沿着由方向平移 translateY() 沿着 y 轴方向平移 ...
  • html 如何改变图片形状,用css绘制各种形状
    2021-06-11 01:24
    Turp的博客 } 生成的效果如下： 这种技巧不仅对于skew()变形来说有用，还适用于其他任何变形样式，当想变形任何一个元素而不想改变它的内容的时候都可以用到它。 菱形图片的生成 在css中，有些需求是要把图片裁剪成菱形，使用...
  • orign如何改变坐标为百分比_transform-origin属性详解和百分比关系
    2021-01-17 15:05
    伟大的凡人的博客 CSS3 transform里面有一个属性transform-...transform-origin里面的百分比没有详细了解是以什么为标准的。今天看看这篇文章详细了介绍了这个值跟left、right、top、bottom之间的关系。默认情况，变形的原点在元素的...
  • 界面实例--图片布局在前端
    2019-01-23 16:51
    weixin_30333885的博客 图片布局在前端很多时候的时候因为图片本身大小长宽比例不同，想要布局得好看，需要注意几点问题，下面写一写怎么布局，主要讲的是<img>元素，需要自己定制形状的可以考虑canvas，前面有讲。 　先看看<img...
  • 前端性能优化面试题汇总
    2024-07-22 15:34
    柯晓楠的博客 【代码】前端性能优化面试题汇总。
  • 前端的学习之路：初级CSS---变形平移
    2021-02-10 15:35
    new-SkyWaller的博客 变形平移 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>变形平移&lt...
  • 〖大前端 - 基础入门三大核心之CSS篇㉓〗- 过渡的缓动效果
    2023-03-31 06:00
    哈哥撩编程的博客 准备四个背景图片： 代码如下： 第二步：利用变形 + 过渡实现动画效果。 大家一定要自己从头到尾敲两遍，只看是学不会的。 案例三 这个案例，我们利用3D旋转，实现一个非常有意思的“翻盖”的动画特效： 用到的知识...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 5月23日
  • 已采纳回答 5月15日
  • 创建了问题 5月14日