美文网首页
图片位置移动后图片变形的问题

图片位置移动后图片变形的问题

作者: 蜗牛Coming | 来源:发表于2019-03-26 19:53 被阅读0次

今天遇到一个很奇怪的问题,虽然已经解决了,但是到现在也没有找到原因。

具体是这样的:

一个6px*6px的圆,起初用css3实现的,在我的台式机上是好使的,但是到了测试那里,就是不圆,有点方。

经过我测试,把它变成8px*8px的话,就没问题了。

但是设计不同意,说太大,然后经过协商,就决定用图片来代替了。

但是到了测试那里,有的圆,有的还是不圆。

经过调试发现,我只要移动它的位置,就会不圆,会拉伸变形。

各种background的属性加上,都不好使。

后来我又想起了那个8px好使的事,

然后把宽高设为8px,background-repeat:no-repeat; background-position:center。

然后随便移动位置,好了!!!!

特此记录一下!!!

相关文章

  • 图片位置移动后图片变形的问题

    今天遇到一个很奇怪的问题,虽然已经解决了,但是到现在也没有找到原因。 具体是这样的: 一个6px*6px的圆,起初...

  • iOS收藏文章-Bug

    图片缩放解决的图片位置跑偏的问题_東東 图片变形的抗锯齿处理方法 iOS 9系统策略更新,使用微信SDK的开发者注...

  • 图片自适应

    如果样式没有控制好的话,图片会变形: 修改后的代码,图片不会变形:

  • javascript-放大镜特效

    点击查看 原理:鼠标在小图片上移动时,通过捕捉鼠标在小图片上的位置,定位大图片的位置 注意offsetWidth和...

  • iOS 图片加载的一些问题

    图片渲染 解决图片渲染的方法: 图片变形 变形方式有: 图片拉伸 代码设置 图片设置设置Assets图片的Slic...

  • VUE+Element UI 走马灯

    使用Element UI走马灯需要设置图片的高度和设置容器的高度才能显示图片 但是需要自适应移动端的时候图片会变形...

  • 处理图片拉伸变形的三种方法

    UI给的图片入上图,如果按照如下的代码。 图片就会拉伸变形成入上图所示。有三种方法可以处理图片的拉伸变形问题。 第...

  • css上传图片时图片变形问题

    最简单的解决办法是: 1.给图片设置宽高 2.加入object-fit: cover;这行代码 例如: objec...

  • PR怎么移动图片位置?

    导入图片到项目面板,拖入轨道; 打开效果控件面板,可以设置xy轴的位置,缩放图片的大小。

  • 用electron实现一个批量裁剪图片的工具

    图片批量裁剪的工具 功能: 批量选择图片 放大缩小图片 移动图片 裁剪图片 导出裁剪后的图片 请在Release[...

网友评论

      本文标题:图片位置移动后图片变形的问题

      本文链接:https://www.haomeiwen.com/subject/wignvqtx.html