Fatal编程技术网
  • html/
  • HTML中不同比例的图像

HTML中不同比例的图像

html css web responsive-design

HTML中不同比例的图像,html,css,web,responsive-design,media-queries,Html,Css,Web,Responsive Design,Media Queries,我有一个16:9的比例图像，我需要它在网站上使用。在其中一个页面上，我显示了图像比率为340x265的产品列表，当用户单击该项目时，它会进入该产品页面，在该页面上，应以400x200的比率查看相同的图像。所以问题在于，如果定量差异图像可以被拉伸。 我对html很陌生，什么是正确的处理方法 最快的css唯一解决方案是为图像的容器div指定宽度/高度，并将图像添加为该div的背景图像。 然后使用backround位置：居中&背景尺寸：封面用于该容器。这将在不丢失纵横比的情况下拉伸图像 另一种解决方案

我有一个16:9的比例图像，我需要它在网站上使用。在其中一个页面上，我显示了图像比率为340x265的产品列表，当用户单击该项目时，它会进入该产品页面，在该页面上，应以400x200的比率查看相同的图像。所以问题在于，如果定量差异图像可以被拉伸。
我对html很陌生，什么是正确的处理方法

最快的css唯一解决方案是为图像的容器div指定宽度/高度，并将图像添加为该div的
背景图像。
然后使用
backround位置：居中&
背景尺寸：封面用于该容器。这将在不丢失纵横比的情况下拉伸图像

另一种解决方案是，如果要在
标记中使用图像，则必须使用jQuery动态调整图像大小以适应容器