Fatal编程技术网
  • css/
  • CSS object fit cover正在Mac上的Chrome中拉伸特定图像

CSS object fit cover正在Mac上的Chrome中拉伸特定图像

css macos image google-chrome

CSS object fit cover正在Mac上的Chrome中拉伸特定图像,css,macos,image,google-chrome,object-fit,Css,Macos,Image,Google Chrome,Object Fit,img{ 宽度：200px； 高度：150像素； 对象匹配：覆盖； } 这是因为图像本身保存不正确或以某种方式存在格式错误 当我将原始图像下载到我的计算机时，我注意到了这一点，尽管图像尺寸是纵向的（2208 x 2944），但预览显示为水平 我在预览中打开它，将它旋转回应该的位置并保存。我把它放在imgur上以获取一个链接： img{ 宽度：200px； 高度：150像素； 对象匹配：覆盖； } 我无法理解这是如何正确使用背景尺寸的：用他的图像覆盖，我认为这是Chrome读取一些图像数据的方式

img{
宽度：200px；
高度：150像素；
对象匹配：覆盖；
}
这是因为图像本身保存不正确或以某种方式存在格式错误

当我将原始图像下载到我的计算机时，我注意到了这一点，尽管图像尺寸是纵向的（2208 x 2944），但预览显示为水平

我在预览中打开它，将它旋转回应该的位置并保存。我把它放在imgur上以获取一个链接：

img{
宽度：200px；
高度：150像素；
对象匹配：覆盖；
}
我无法理解这是如何正确使用
背景尺寸的：用他的图像覆盖
，我认为这是Chrome读取一些图像数据的方式，以及它如何使用
对象适合度
-因为我相信
对象适合度
处理数据的方式不同于
背景尺寸
-因为，我相信，实际文件是在
img
标签中操作的-因为它是使用
object-fit
@dgknca时的内容，我认为MDN站点上的开头段落总结得相当好-为什么
object-fit
与
背景图像
的工作方式不同：